前端开发笔记--css 黑马程序员1

news2025/10/27 4:54:08

文章目录

  • 1. css 语法规范
  • 2.css的书写风格
  • 3.基础选择器
    • 选择器的分类
      • 标签选择器
      • 类选择器
        • 类选择器的特殊使用--多类名
      • id 选择器
  • 字体属性
    • 常见字体
    • 字体大小
    • 字体粗细
    • 字体倾斜
    • 字体的复合简写
    • 字体属性总结
  • 文本属性
    • 文本颜色
    • 文本对齐
    • 装饰文本
    • 文本缩进
    • 文本间距
    • 文本属性总结
  • css的引入方式
    • 内部样式表
    • 行内样式表
    • 外部样式表
    • css引入方式总结

1. css 语法规范

在这里插入图片描述

2.css的书写风格

在这里插入图片描述

在这里插入图片描述

3.基础选择器

在这里插入图片描述

选择器的分类

在这里插入图片描述

标签选择器

在这里插入图片描述

类选择器

在这里插入图片描述

类选择器的特殊使用–多类名

在这里插入图片描述

id 选择器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

字体属性

常见字体

在这里插入图片描述

字体大小

在这里插入图片描述

字体粗细

在这里插入图片描述

字体倾斜

在这里插入图片描述

字体的复合简写

在这里插入图片描述

字体属性总结

在这里插入图片描述

文本属性

文本颜色

在这里插入图片描述

文本对齐

在这里插入图片描述

装饰文本

在这里插入图片描述

文本缩进

在这里插入图片描述

文本间距

在这里插入图片描述

文本属性总结

在这里插入图片描述

css的引入方式

内部样式表

在这里插入图片描述

行内样式表

在这里插入图片描述

外部样式表

在这里插入图片描述

css引入方式总结

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2209777.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

新兴的安全职业挑战

新兴的安全职业挑战

我们经常与安全专业人士交谈，他们希望在努力提升职业发展的同时提高自己的价值并克服组织内部的挑战。在这些谈话中，花费大量时间讨论公司未来将面临的安全问题并不罕见。 安全领导者希望为问题制定计划并获得领导层对其计划的支持。这通常意味着实施修…
阅读更多...
关于 文件操作详解 笔记 (含代码解析）

关于 文件操作详解 笔记 (含代码解析）

文件 磁盘（硬盘）上的⽂件是⽂件。 程序设计中，我们⼀般谈的⽂件有两种：程序⽂件、数据⽂件（从⽂件功能的⻆度来分类 ） 程序⽂件 程序⽂件包括源程序⽂件（后缀为.c）,⽬标⽂件&#…
阅读更多...
Mac解决服务端第三方库安装问题

Mac解决服务端第三方库安装问题

问题： 这周使用Flask框架写了一个数据展示的小网页，在发布的时候发现构建失败，查看日志发现是这次新增的一个第三方库没有安装到服务端，导致构建的时候失败了 解决问题： 服务端发布新增第三方库 解决过程 1、确定服务…
阅读更多...
笔记整理—linux网络部分（1）基础网络常用名词与知识

笔记整理—linux网络部分（1）基础网络常用名词与知识

最开始使用在同一电脑主机下进行的通信门后面发展到不同主机之间的通信。 应用编程本章就是使用API socket进行通信。 应用层：低级（直接基于socket接口编程） 高级（基于网络通信应用框架进行编程） 更高级（ht…
阅读更多...
利用 Llama 3.1模型 + Dify开源LLM应用开发平台，在你的Windows环境中搭建一套AI工作流

利用 Llama 3.1模型 + Dify开源LLM应用开发平台，在你的Windows环境中搭建一套AI工作流

文章目录 1. 什么是Ollama？2. 什么是Dify？3. 下载Ollama4. 安装Ollama5. Ollama Model library模型库6. 本地部署Llama 3.1模型7. 安装Docker Desktop8. 使用Docker-Compose部署Dify9. 注册Dify账号10. 集成本地部署的 Llama 3.1模型11. 集成智谱AI大模型…
阅读更多...
【物联网】物联网智能项目：从概念到实践

【物联网】物联网智能项目：从概念到实践

物联网智能项目：从概念到实践 1. 物联网简介 物联网（IoT, Internet of Things）是指通过网络将各种物理设备连接起来进行数据交互的系统，目标是通过智能设备感知、采集和处理环境信息，实现远程控制、自动化操作和智能…
阅读更多...
程序员应对AI辅助编程时代：策略与展望

程序员应对AI辅助编程时代：策略与展望

前言 随着AIGC（如chatgpt、midjourney、claude等）大语言模型接二连三的涌现，AI辅助编程工具日益普及，程序员的工作方式正在发生深刻变革。有人担心AI可能取代部分编程工作，也有人认为AI是提高效率的得力助手。面对这一…
阅读更多...
概率 多维随机变量与分布

概率 多维随机变量与分布

一、二维 1、二维随机变量及其分布 假设E是随机试验，Ω是样本空间，X、Y是Ω的两个变量；(X,Y)就叫做二维随机变量或二维随机向量。X、Y来自同一个样本空间。 联合分布函数 F(x,y)P(X≤x,Y≤y)，即F(x,y)表示求(x,y)左下方的面积。 …
阅读更多...
国内经典多模态大模型工作2——MiniCPM-V系列（MiniCPM-Llama3-V 2.5、MiniCPM-V-2.6解读）（持续更新）

国内经典多模态大模型工作2——MiniCPM-V系列（MiniCPM-Llama3-V 2.5、MiniCPM-V-2.6解读）（持续更新）

MiniCPM-V系列是面壁智能推出的小参数量的开源多模态大模型，没有超过9B的版本。主打小而强。 官方目前只放出了MiniCPM-Llama3-V 2.5的paper，2.0只有技术博客而且主要是效果展示。 目前一共出了以下几代：MiniCPM-V、MiniCPM-V 2.0、MiniCPM-…
阅读更多...
探索 OpenAI 的 Swarm：一个用于多代理系统的实验性框架

探索 OpenAI 的 Swarm：一个用于多代理系统的实验性框架

OpenAI 最近发布了 Swarm，这是一个轻量级且实验性的框架，旨在支持多代理系统的开发（在其 GitHub 上特别提到这是实验性和教育性的）。 与传统方法依赖于底层的大型语言模型 (LLM) API 不同，Swarm 提供了一个无状态的抽象，用于管理多个代理之间的交互和任务交接。 这一发…
阅读更多...
比瓴科技应邀出席金融供应链安全研讨会•引领金融软件供应链安全创新实践

比瓴科技应邀出席金融供应链安全研讨会•引领金融软件供应链安全创新实践

9月25日，广东省金融科技协会在广东省地方金融管理局指导下成功在广州隆重召开“筑‘链’安全 护航发展”金融供应链安全研讨会。 随着信息技术的飞速发展和金融行业的数字化转型，软件在金融领域的应用日益广泛。如何保障软件供应链安全已然成为守护供应…
阅读更多...
univer实现excel协同

univer实现excel协同

快速入门 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><script src&q…
阅读更多...
大数据-165 Apache Kylin Cube优化 案例 2 定义衍生维度及对比 聚合组 RowKeys

大数据-165 Apache Kylin Cube优化 案例 2 定义衍生维度及对比 聚合组 RowKeys

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; 目前已经更新到了&#xff1a; Hadoop&#xff08;已更完&#xff09;HDFS&#xff08;已更完&#xff09;MapReduce&#xff08;已更完&am…
阅读更多...
物联网如何推动工业数字化转型？

物联网如何推动工业数字化转型？

全球步入数字经济时代&#xff0c;制造业的数字化转型已成为驱动经济发展的核心引擎。物联网作为工业数字化转型的强力推手&#xff0c;其深度融入不仅促进了生产流程的智能化与自动化&#xff0c;还实现了数据的实时分析与精准决策&#xff0c;为制造业企业带来了前所未有的创…
阅读更多...
根据Vue对比来深入学习React 上 函数组件 jsx 事件绑定 响应式数据 条件绑定 列表渲染 表单绑定

根据Vue对比来深入学习React 上 函数组件 jsx 事件绑定 响应式数据 条件绑定 列表渲染 表单绑定

文章目录 React项目创建React核心库介绍React组件jsx编写jsx代码的本质jsx里面渲染不同内容 事件绑定事件绑定其他操作特别注意 响应式数据setState 的特性 条件渲染列表循环表单绑定总结 React项目创建 react官网提供了很多生产级的React框架 比如next.js&#xff0c;不过你还…
阅读更多...
python+selenium工具UI自动化全功能介绍（包括工具本身及配合RobotFramework框架和pytest框架应用）

python+selenium工具UI自动化全功能介绍（包括工具本身及配合RobotFramework框架和pytest框架应用）

文章较长&#xff0c;各位志同道合的朋友们&#xff0c;感谢关注收藏。 书山有路勤为径&#xff0c;学海无涯苦作舟。 ——韩愈&#xff0c;以山川学海比喻学习的艰辛与努力的方向。 明天的我们&#xff0c;必将会感谢昨日的自己。 1 UI自动化测试 UI自动化测试&#xff08…
阅读更多...
ACwing题目分享 756

ACwing题目分享 756

这个题看起来比较简单&#xff0c;但实际上有些思维难度&#xff0c;现在想到的是模拟法&#xff0c;我们可以设好边界&#xff0c;然后从左上角开始遍历&#xff0c;沿着题目要求的顺序&#xff0c;沿着top left right bottom这四个边依次来做。 模拟过程有很多坑&#xff0c…
阅读更多...
基于Python Django的在线考试管理系统

基于Python Django的在线考试管理系统

&#x1f34a;作者&#xff1a;计算机毕设匠心工作室 &#x1f34a;简介&#xff1a;毕业后就一直专业从事计算机软件程序开发&#xff0c;至今也有8年工作经验。擅长Java、Python、微信小程序、安卓、大数据、PHP、.NET|C#、Golang等。 擅长&#xff1a;按照需求定制化开发项目…
阅读更多...
【花卉识别系统】Python+卷积神经网络算法+人工智能+深度学习+图像识别+算法模型

【花卉识别系统】Python+卷积神经网络算法+人工智能+深度学习+图像识别+算法模型

一、介绍 花朵识别系统。本系统采用Python作为主要编程语言&#xff0c;基于TensorFlow搭建ResNet50卷积神经网络算法模型&#xff0c;并基于前期收集到的5种常见的花朵数据集&#xff08;向日葵、玫瑰、蒲公英、郁金香、菊花&#xff09;进行处理后进行模型训练&#xff0c;最…
阅读更多...
（31）非零均值信号的时域分析：均值、方差、与功率

（31）非零均值信号的时域分析：均值、方差、与功率

文章目录 前言一、使用MATLAB生成余弦波并画图二、计算信号的均值、方差、与功率三、结果分析 前言 本文对叠加了直流分量的一段整周期余弦信号进行时域分析&#xff0c;使用MATLAB进行信号生成&#xff0c;并计算其均值、方差、与功率。最后给出对计算结果的分析&#xff0c;…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023