对于Web前端小白来说，你可能不太了解CSS。CSS有很多用途。它不仅可以静态修改网页，还可以用各种脚本语言动态格式化网页的各种元素。CSS可以像素级精确控制网页中元素位置的排版，支持几乎所有的字体大小和样式，具有编辑网页对象和模型样式的能力。什么是CSS？CSS指的是层叠样式表（CascadingStyleSheets）的样式定义以及如何显示HTML元素。样式通常存储在样式表中。HTML4.0加入样式，解决内容与表现分离的问题。外部样式表可以极大地提高工作效率。外部样式表通常存储在CSS文件中。多个样式定义可以级联到一个CSS中。它为HTML标记语言提供了样式描述，并定义了元素的显示方式。CSS是网页设计领域的一项突破。它可用于修改与小型样式更新相关的所有页面元素。这一切都离不开CSS的特性，接下来简单说说CSS的三大特性。CSS的三大特性是级联、继承和优先级。1、CSS层叠说明：层叠是多个CSS样式的叠加，是浏览器处理样式冲突的方式。在HTML中，同一个元素可以有多个CSS样式。当存在权重相同的样式时，将按照这些样式出现的先后顺序进行判断。最后一个CSS样式将覆盖以前的CSS样式。例子：在下面的代码中，一个div标签为同一个样式指定了不同的值，这就是样式冲突。div{颜色：红色；}div{颜色：蓝色；}原则：通常会出现样式冲突，会按照CSS的书写顺序，以最终样式为准。风格不冲突，不级联。风格冲突遵循邻近原则。长江后浪推前浪，后浪盖前浪。2、CSS继承解释：简单理解为——“子承父业”，意思是子标签会继承父标签的==一些==样式，比如文字颜色、字体大小等。要设置可继承的属性，只需将其应用于父元素即可。示例：
我是什么颜色？
合理使用继承可以简化代码，降低CSS样式的复杂度。对于字体、字号、颜色、行距等==文本类属性==都是继承的，可以在正文中统一设置，进而影响文档中的所有文本。但是并不是所有的CSS属性都可以被继承，比如borders,margins,innermargins,backgrounds,positioning,elementheights等等。==与块级元素相关的属性是不被继承的。3、CSS优先级在复杂的CSS样式表中，往往不是同一个样式不同值的堆叠那么简单。通常，两个或多个不同的样式规则应用于同一元素。这个时候应该使用哪种风格呢？这是典型的CSS优先级问题。处理优先级问题是考虑样式权重的高低。这里有一些特殊情况：==被继承样式的权重为0。==也就是说，在嵌套结构中，无论父元素的样式权重有多大，当子元素继承时，权重应用于子元素的样式为0，即子元素定义的样式会覆盖所有继承的样式。==内联样式优先。==应用了style属性的元素，其内联样式权重非常高，可以理解为远大于100，总之比上面的raised选择器有更高的优先级。当权重相同时，CSS遵循就近原则。也就是说靠近元素的样式优先级最高，或者排在最后的样式优先级最高。CSS定义了一个!important命令，它被赋予最高优先级。也就是说，不管样式位置的权重和距离，!important的优先级最高。CSS学习教程如果你是新手，那我建议你看视频教程来学习css。这里推荐一下权力节点老杜教的web前端教程。教程详细讲解了什么是css，以及将CSS样式引入HTML的三种方式。观点。css资料下载http://www.bjpowernode.com/?s...