CSS笔记基础篇01——选择器、文字控制属性、背景属性、显示模式、盒子模型
黑马程序员视频地址：
前端Web开发HTML5+CSS3+移动web视频教程https://www.bilibili.com/video/BV1kM4y127Li?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodeshttps://www.bilibili.com/video/BV1kM4y127Li?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes
https://www.bilibili.com/video/BV1kM4y127Li?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes
目录
引入方式
CSS特性
继承性
层叠性
优先级
Emmet写法
选择器
基础选择器
标签选择器
类选择器
id选择器
通配符选择器
复合选择器
后代选择器
子代选择器
并集选择器
交集选择器
伪类选择器
结构伪类选择器
伪元素选择器
文字控制属性
字体大小 font-size
字体粗细 font-weight
字体样式（是否倾斜）font-style
行高 line-height
行高测量方法编辑
行高垂直居中
字体族 font-family
复合属性 font
文本缩进 text-indent
内容水平对齐方式 text-align
文字
图片
文本修饰线 text-decoration
文字颜色 color
背景属性
背景图 background-image
背景图平铺方式 background-repeat
背景图位置 background-position
背景图缩放 background-size
背景图固定 background-attachment
背景复合属性 background
显示模式
转显示模式
盒子模型
组成部分
边框线 border
内边距 padding / padding-方位名词
內减模式 box-sizing
外边距 margin
外边距问题——合并现象
外边距问题——塌陷问题
内外边距问题——行内元素
元素溢出 overflow
圆角 border-radius
阴影 box-shadow
清除默认样式
引入方式
CSS特性
继承性
层叠性
优先级
Emmet写法
选择器
基础选择器
标签选择器
类选择器
id选择器
通配符选择器
复合选择器
后代选择器
子代选择器
并集选择器
交集选择器
伪类选择器
结构伪类选择器
伪元素选择器
文字控制属性
字体大小 font-size
字体粗细 font-weight
字体样式（是否倾斜）font-style
行高 line-height
行高测量方法
行高垂直居中
字体族 font-family
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;复合属性 font
文本缩进 text-indent
内容水平对齐方式 text-align
文字
图片
文本修饰线 text-decoration
文字颜色 color
背景属性
背景图 background-image
背景图平铺方式 background-repeat
背景图位置 background-position
背景图缩放 background-size
背景图固定 background-attachment
背景复合属性 background
显示模式
转显示模式
盒子模型
组成部分
边框线 border
合并表格边框 border-collapse
内边距 padding / padding-方位名词
內减模式 box-sizing
外边距 margin
外边距问题——合并现象
外边距问题——塌陷问题
内外边距问题——行内元素
元素溢出 overflow
圆角 border-radius
阴影 box-shadow
清除默认样式
/* 清除默认内外边距 */
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 清除列表项目符号 */
li{
list-style: none;
}