2022-4-13
块标签:div,h1~h6,p,ul,ol,li,nav......
块标签特点:独占一行,默认宽度占满父级,高度为哦,子级内容撑开高度
行标签:span,a,i,b,sub,sup,em,strong......
行标签特点:同排序跟显示,遇父级边界换行;不支持宽高,内容撑开宽高;不支持上下外边距;不正常显示上下内边距;换行被解析
行块标签:img......
行块标签特点:同排序跟显示,遇父级边界换行;没有宽高的时候内容撑开宽高;换行被解析
引入方式 : 外部; 内部;内联(行内样式)
背景
背景色 background-color
背景图 background-image:url();每个背景图像被明确规定为关键字 none 或是一个 <image> 值。
none:是一个表示无背景图的关键字
<image>: 用来标记将要显示的图片. 支持多背景设置,背景之间以逗号隔开.
文本
字体颜色 color
字体大小 font-size
字体样式 font-family
对齐方式 text-align
行高 line-height
首行缩进 text-indent
字体间距 letter-spacing ; word-spacing
文本装饰线 text-decoration
text-decoration-line文本修饰的位置, 如下划线underline,删除线line-through
none: 取消已经存在的任何文本装饰。
underline: 文本下划线.
overline: 文本上划线
line-through: 穿过文本的线 strikethrough over the text.(删除线)
文本修饰的颜色 text-decoration-color
text-decoration-style 文本修饰的样式, 如波浪线wavy实线solid虚线dashed
text-decoration-thickness 文本修饰线的粗细
文本大小写字母 text-transform
text-transform: capitalize; 这个关键字强制每个单词的首字母转换为大写
text-transform: uppercase;这个关键字强制所有字符被转换为大写。
text-transform: lowercase; 这个关键字强制所有字符被转换为小写。
text-transform: none;这个关键字阻止所有字符的大小写被转换。
text-transform: full-width; 这个关键字强制字符 — 主要是表意字符和拉丁文字 — 书写进一个方形里,并允许它们按照一般的东亚文字(比如中文或日文)对齐。
空白符处理  
常见选择器
通配 : *
id : #
class: .
标签名
后代
群组选择器 交集选择器 : 紧贴 ; 并集选择器 : 以,隔开 .
子代 : >