css中选择器详细介绍，css3新增功能_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:58:23 共计：3596 浏览

1、css3新增的超级选择器：属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器

2、使用选择器在页面中插入文字、图片、项目编号等内容

3、文字阴影与自动换行

4、各类盒模型：总体分为block类型和in line类型，在细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型

5、盒模型相关的属性：overflow属性（内容溢出）、box-shadow属性（盒阴影）、box-sizing属性（宽高计算）

6、新增的背景样式backround-clip属性、backround-origin属性、backround-size属性、backround-break属性

7、新增的边框样式：border-radius属性（圆角边框）、border-image属性（图片边框）

8、新增的 transform变形功能：rotate（旋转）、scale（缩放）、skew（倾斜）、translate（移动）

9、新增的动画功能：transition（平滑过渡）、animation（关键帧）

10、布局相关样式：多栏布局、盒布局、弹性盒布局

11、兼容性问题

样式权值设定

1. 内联样式表的权值最高 1000；

2. ID 选择器的权值为 100

3. Class 类选择器的权值为 10

4. HTML 标签选择器的权值为 1

5 继承样式的权值为0.1

举例

< class a>

< class b>

直接用 .c(类)选择器它的权值只有10 ，

用 .a .b .c来选择，则它的权值为10+10+10。

w3c规范中伪类有：

active、hover、link、visited 【css1】

所有主流浏览器都支持以上伪类，但是只在对标签上的支持最好。

【css2】的有3个

focus ：如果规定了<!doctype>，将在主流浏览器&ie8+中支持(否则ie不支持)

first-child：必须声明<!doctype>才能够确保在ie中正常支持

lang：如果规定了<!doctype>，将在主流浏览器&ie8+中支持(否则ie不支持)

首字母必须是字母或者下划线不能是数字和其他

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。