WEB前端—CSS基础笔记 01
- CSS简介
- CSS基础选择器
-
-
- 选择器作用：
- 基础选择器分类：
- 基础选择器总结
- 字体属性：
- 字体属性总结
- 文本颜色
- 文本对齐方式
- 装饰文本
- 文本缩进
- 行间距
- 文本属性总结
- CSS引入方式
- Chrome调试工具
-
- 做个好人 ~ 爱我所爱 ~ 开开心心 ~ 多赚点钱 ~ just do it ~
-
- CSS简介
- CSS基础选择器
- CSS字体属性
- CSS文本属性
- CSS引入方式
- 综合案例
- Chrome调试工具
CSS是一种标记语言。
CSS主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。
简单理解：CSS可以用来美化HTML。
CSS基础选择器 选择器作用：
简单理解就是用来定位标签的。
基础选择器分类：
1、标签选择器
是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的css样式。
>
标签名 {
属性: 属性值;
... ...
}
2、类选择器
想要差异化选择不同标签，单独选一个或多个标签，可以用类选择器。类选择器在HTML中以class属性表示，在css样式中用 ** .类名 **获取。
（类命名规范可以参考web前端开发规范手册）
>
.类名 {
属性: 属性值;
... ...
}
文章图片
文章图片
3、id选择器
通过标签设置的id值定位标签。（id在页面上是唯一的）
>
#id {
属性: 属性值;
... ...
}
文章图片
4、通配符选择器
在CSS中，通配符选择器使用 ** * **定义，它表示选取页面中所有元素（标签）。
>
* {
属性: 属性值;
... ...
}
文章图片
基础选择器总结
文章图片
字体属性：
CSS Fonts字体属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。
font-family
font-size
font-weight
font-stylefont: font-style font-weight font-size/line-height font-family;
文章图片
文章图片
文章图片
文章图片
文章图片
字体属性总结
文章图片
文本颜色
文章图片
文本对齐方式
文章图片
装饰文本
文章图片
文本缩进
文章图片
行间距
文章图片
文本属性总结
文章图片
CSS引入方式
文章图片
文章图片
Chrome调试工具
文章图片
—————————————————————————————————
做个好人 ~ 爱我所爱 ~ 开开心心 ~ 多赚点钱 ~ just do it ~ 【WEB前端|WEB前端进阶之路——CSS基础笔记 01】
文章图片
推荐阅读
- Java|web基础——CSS层叠样式表
- 屏幕宽度不正确。如果删除滚动条，则变得准确
- WordPress博客中的Rogue＆nbsp
- 调整WordPress标头中的图标大小
- 调整标题图片仅适用于手机吗（）
- 在macOS的Safari上删除正文行右侧的不需要的白色填充
- 从wordpress网站中删除type=”text/javascript”
- WordPress主题中的相对图像链接
- php wp_head(); （函数不包括来自functions.php的函数）