选择器 | 作用 | 缺点 | 使用情况 | 用法 |
---|---|---|---|---|
标签选择器 | 可以选出所有相同的标签 | 不能差异化选择 | 较多 | p{color:red;} |
类选择器 | 可以选出1个或者多个标签 | 可以根据需求选择 | 非常多 | .nav {color:red} |
id选择器 | 一次只能选择1个标签 | 只能使用一次 | 不推荐使用 | #nav {color:red} |
通配符选择器 | 选择所有的标签 | 选择的太多,有部分不需要 | 不推荐使用功能 | * {color:red} |
后代选择器 | 用来选择元素后代 | 是选择所有的子孙后代 | 较多 | .nav a |
---|---|---|---|---|
子代选择器 | 选择最近一级元素 | 只选亲儿子 | 较少 | .nav>p |
交集选择器 | 选择两个标签交集的部分 | 既是 又是 | 较少 | p.one |
并集选择器 | 选择某些相同样式的选择器 | 可以用于集体声明 | 较多 | .nav,.header |
链接伪类选择器 | 给链接更改状态 | 较多 | a:hover 超链接伪类:a:link , 设置超链接基础样式 a:visited , 设置超链接点击过的样式 a:hover , 设置鼠标悬停在上方时的样式 a:active , 设置鼠标点击中的样式 |
可继承的属性
字体
font:组合字体
font-family:规定元素的字体系列
font-weight:设置字体的粗细
font-size:设置字体的尺寸
font-style:定义字体的风格
font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
font-stretch:对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。
font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。
文本
text-indent:文本缩进
text-align:文本水平对齐
line-height:行高
word-spacing:增加或减少单词间的空白(即字间隔)
letter-spacing:增加或减少字符间的空白(字符间距)
text-transform:控制文本大小写
direction:规定文本的书写方向
color:文本颜色
不常用
元素可见性:visibility
表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout
列表布局属性:list-style-type、list-style-image、list-style-position、list-style
生成内容属性:quotes
光标属性:cursor
页面样式属性:page、page-break-inside、windows、orphans
声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation
参考文章:
css:属性的继承css属性继承Lvan的前端笔记的博客-CSDN博客
个人博客已上线,欢迎来访~
传送门:夜雨炊烟