摘要：深入课程链接一的版本规范在之前，把所有标准放在一起去管理，这样推进起来版本升级比较难，后来在的版本中，将标准分成几个模块来管理。
深入CSS
课程ppt链接
一、CSS的版本（level）css Level 1
css Level 2（CSS2.2规范）
css Level 3
Color Module Level 3
Selectors Level 3
Media Queries
Fonts Level 3
...
在css2.2之前，把css所有标准放在一起去管理，这样推进起来版本升级比较难，后来在css3的版本中，将css标准分成几个模块来管理。
二、css选择器 1. 简单选择器通配选择器 *
标签选择器 E
类选择器 .class-name
Id选择器 #id_name
2. 属性选择器/* 具有某个属性 */ [disabled] /* 属性为指定的值 */ [type="checkbox"] /* 属性值包含某个字符串 */ [href*="example"] /* 属性值以某个字符串开头 */ [href^="http:"] /* 属性值以某个字符串结束 */ [href$="jpg"] /* 属性值以空格分割后包含某个字符串 */ [lang~＝"zh-cn"]3. 伪类选择器
a:link { ... } /* 未访问过的链接 */
a:visited { ... } /* 已访问过的链接 */
a:hover { ... } /* 鼠标移到链接上的样式 */
a:active { ... } /* 鼠标在连接上按下时的样式 */
a:focus { ... } /* 获得焦点时的样式 */
input:disabled { ... } /* 禁用时的样式 */
input:checked { ... } /* 选中时的样式 */
4. 结构性伪类
:first-child :last-child :nth-child :first-of-type :last-of-type :nth-of-type :empty
详细介绍在mdn 选择器文档
5. 组合器（combinator）后代组合器 E F 亲子组合器 E > F 兄弟选择器 E ~ F 相邻兄弟 E + F6. 伪元素
::before ::after ::first-letter ::first-line举个栗子
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/113450.html
摘要：课程一继承某些元素会自动继承其父元素的计算值举例上述代码，标签里的就会继承父元素的，为。显示继承给设置显示继承根元素下所有元素除独自设置如的都是。二初始值当向上继承到顶点还是没找到值的话，就需要初始值了。 课程ppt 一、css继承 1.1 某些元素会自动继承其父元素的计算值 举例： This is a test of inherit. p { color: #666; ...
摘要：前言如何写好这门课是由技术专家月影老师讲的。控制流设计原则为什么要用到事件机制呢因为要降低结构之间的耦合度，如果不这样做的话，我们需要做双向的操控的。 前言 《如何写‘好’javascript》这门课是由360技术专家月影老师讲的。 这堂课的ppt 说实话，我一直在纠结要不要写关于js的文章，因为对于js来说，我的实际经验不足，更不要说面向对象编程与函数式编程了，对于过程抽象与行为抽象...
摘要：前端与一枚大三学生，非常感谢前端星计划，在这里学习了很多，非常幸运获得的校招实习，非常感谢面试我的王峰老师和卢岳文老师总的来说，这天的学习，让我坚定了走前端这条路。使用在模式下可以使元素水平居中，但在模式下却会失效。 前端与HTML 一枚大三学生，非常感谢360前端星计划，在这里学习了很多，非常幸运获得360的校招实习offer~，非常感谢面试我的王峰老师和卢岳文老师！总的来说，这7天...
摘要：前端与一枚大三学生，非常感谢前端星计划，在这里学习了很多，非常幸运获得的校招实习，非常感谢面试我的王峰老师和卢岳文老师总的来说，这天的学习，让我坚定了走前端这条路。使用在模式下可以使元素水平居中，但在模式下却会失效。 前端与HTML 一枚大三学生，非常感谢360前端星计划，在这里学习了很多，非常幸运获得360的校招实习offer~，非常感谢面试我的王峰老师和卢岳文老师！总的来说，这7天...
摘要：设计思想兼容已有内容避免不必要的复杂性解决现实问题优雅降级尊重事实标准变化新增语义化标签去除纯表示性的标签拖拽离线语法标签不区分大小写推荐小写空标签可以不闭合属性不必引号。遇到这种情况时，会生成匿名块级盒来包含行级盒。 浏览器 浏览器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...
阅读 2968·2021-11-18 10:02
阅读 900·2021-10-12 10:11
阅读 1226·2021-10-12 10:08
阅读 852·2021-10-11 10:58
阅读 1027·2021-10-11 10:57
阅读 935·2021-10-08 10:04
阅读 1726·2021-09-29 09:35
阅读 583·2021-09-22 15:44
