CSS基本点

CSS优先级: !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

CSS选择器:class,id,*,element元素, [target],div,p,div p(div内的P),div+p(紧接在 div元素之后的所有 p 元素),p:nth-child(2)选择属于其父元素的第二个子元素的每个 p元素,input:disabled/checked/enabled :not§,p:after/before, a:visited

CSS3新特性:
1.CSS3实现圆角(border-radius),阴影(box-shadow),
2.语义化更好的内容标签(header,nav,footer,aside,article,section)
3.对文字加特效(text-shadow),线性渐变(gradient),旋转(transform)
.transform:rotate(9deg)旋转 scale(0.85,0.90)缩放 translate(0px,-30px) 定位skew(-9deg,0deg)倾斜
4.音频、视频API(audio,video) 画布(Canvas)
5.表单控件,calendar、date、time、email、url、search
6.localStorage 长期存储数据,sessionStorage
7.伪类::enabled、:disabled 控制表单控件的禁用状态,p:first-of-type 选择属于其父元素的首个 p 元素的每个 p 元素
8.选择器也多了:相邻兄弟元素选择器:元素+兄弟相邻元素(同父),子元素选择器 > , 移除:big center标签

3.CSS优先级模块
问:CSS优先级的顺序
!important > 行内样式 > id > class > 标签 > 通配符 > 继承 > 浏览器的默认属性

加深:
问:
1.当link引入一个css文件中的一个class样式,和写在本文件的css中的class样式,哪一个优先级高?
2.当父子class叠加(.a .b)形式和id选择器(#id)形式,哪一个优先级高?
答:1.这两个平时很少接触到,但是第一题我回答了是按照载入的数据决定,后者大约前者。因为想到只是载入方式不一样,其实际优先级应该是一样的。
2.第二题首先是想到id的优先级比class高,但是因为有父子关系存在,所以一时犹豫了没有作答,经过实际测试,id优先级确实高于class,不论class嵌套多少层次。

发布了53 篇原创文章 · 获赞 33 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/weixin_42966484/article/details/82901829