CSS 的一些总结(长期更新)

muyiyl 81 0

CSS 常用的选择器

1).id选择器( #id)                                                     2).类选择器(.classname)
3).标签选择器(div, h1, p)                                        4).相邻选择器(h1 + p)
5).子选择器(ul > li)                                                 6).后代选择器(li a)
7).通配符选择器( * )                                                8).属性选择器(a[rel = "external"])
9).伪类选择器(a: hover, li: nth - child)

哪些属性可以继承?(不全 常见)

1、字体系列属性

font:组合字体
font-family:字体系列
font-weight:字体的粗细
font-size:字体的大小
font-style:字体的风格

2、文本系列属性

text-indent:文本缩进
text-shadow:设置文本阴影
text-align:文本水平对齐
line-height:行高
word-spacing:单词之间的间距
letter-spacing:中文或者字母之间的间距
direction:规定文本的书写方向
text-transform:控制文本大小写(就是uppercase、lowercase、capitalize这三个)
color:文本颜色

3、元素可见性:

visibility:控制元素显示隐藏

4、列表布局属性:

list-style:列表风格,包括list-style-type、list-style-image等

5、光标属性:

cursor:光标显示为何种形态

6、表格布局属性:

caption-side:指定表格标题的位置:
border-collapse:为表格设置合并边框模型:
empty-cells:隐藏表中的空单元格的边框和背景:

常见不可继承样式

border   padding   margin   width    height

优先级算法如何计算?

选择器的优先级:将选择器的权值相加,值越大优先级越高
选择器优先级权值:!important=10000 / style=1000 / #id=100 / .class=10 / tag=1 / *=0
优先级就近原则,同权重情况下样式定义最近者为准;

一些CSS3新增伪类

p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
p:last-of-type  选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
p:only-of-type  选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
p:only-child    选择属于其父元素的唯一子元素的每个 <p> 元素。
p:nth-child(2)  选择属于其父元素的第二个子元素的每个 <p> 元素。
:enabled  :disabled 控制表单控件的禁用状态。
:checked        单选框或复选框被选中

参考资料

CSS有哪些属性是可以继承的?--陌上兮月

发表评论 取消回复
表情 图片 链接 代码

分享