志达IT网站css样式优先级
CSS款式的优先级可以用以下四个级别来表明：
css款式优先级?
1.行内款式：经过元素的style特点设置的款式，具有最高的优先级。
2.ID选择器：经过元素的id选择器设置的款式会掩盖元素的类选择器和标签选择器。
3.类选择器/特点选择器/伪类选择器：这些选择器有相同的优先级，假如多个款式规则选中了同一个元素，那么最终呈现的款式规则会掩盖前面的款式规则。
4.标签选择器/伪元素选择器：这些选择器的优先级最低，在优先级持平的情况下，后边的款式声明会掩盖前面的款式声明。
css款式优先级
需要留意的是，款式的优先级不仅取决于选择器的类型，还取决于选择器的特殊性，即指定选择器所触及的元素数量和选择器的组成方式。假如两个选择器都能匹配同一个元素，那么特殊性较大的选择器的款式规则将具有更高的优先级。
假如有多个选择器具有相同的特殊性和优先级，则最终呈现的款式规则将优先应用。假如规则中有!important声明，则该规则的优先级最高，无视一切其他规则，因此应谨慎运用!important声明。
css样式遵循什么原则
优先级关系，从高到低：行内款式>内部款式>外部款式。
承继准则：
承继中大都边框类的特色不能被承继，比如padding、margin、背景等都不会被承继；表格也不能承继父类的款式。
掩盖准则：
因为承继而发生的款式抵触，由最近的先人元素取值；
承继的款式和直接指定的款式发生抵触时，直接指定的款式获取值；
直接指定的款式发生抵触时，款式权重高的元素获取值；
CSS（层叠款式表）简略来说能够为HTML符号言语添加一些款式、布局等。当浏览器显现文档时，它必须将文档的内容与其款式信息结合。它分两个阶段处理文档：
1.浏览器将HTML和CSS转化成DOM（文档对象模型）。DOM在计算机内存中表明文档。它把文档内容和其款式结合在一起。
2.浏览器显现DOM的内容。
关于CSS的学习，推荐分红三块学习：“根底概念”，“CSS2.1标准”，“CSS3标准”。精通CSS（第2版）是必须学习的，看完这本书你应该对：盒子模型，活动，block，inline，层叠，款式优先级等概念有根本的了解。CSS参考文档有菜鸟学院（根底、简略）：CSS教程|菜鸟教程，Mozila官方文档（全E文、逼格高，详细）：MDNCSSDoc
在学习完根底常识后，能够测验完成Htm/Css根底编码的项目，增强常识的把握程度。
css选择器优先级中心：每个选择器本身有优先级，效果范围越详细优先级越高。
CSS优先级从高到低分别是：
1.在特色后边运用!important会掩盖页面内任何位置界说的元素款式。
2.作为style特色写在元素标签上的内联款式
3.id选择器
4.类选择器
5.伪类选择器
6.特色选择器
7.标签选择器
8.通配符选择器
9.浏览器选择器
当CSS款式的规矩由多个选择器组成时，id选择器的权值为1000，class选择器为100，标签选择器为10，按权值求和的记过高低决定哪个优先。当两个css规矩的权值相一起，谁更详细用谁，也便是权值高的选择器效果的越详细优先级越高。当两个选择器规矩和权值都是相同，后边款式会掩盖前面的！
整体来说，CSS具有以下特色：
1.丰厚的款式界说
CSS提供了丰厚的文档款式外观，以及设置文本和背景特色的能力；答应为任何元素创建边框，以及元素边框与其他元素间的间隔，以及元素边框与元素内容间的间隔；答应随意改动文本的大小写方式、润饰方式以及其他页面效果。
2.易于运用和修正
CSS能够将款式界说在HTML元素的style特色中，也能够将其界说在HTML文档的header部分，也能够将款式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS款式表能够将一切的款式声明一致寄存，进行一致管理。
别的，能够将相同款式的元素进行归类，运用同一个款式进行界说，也能够将某个款式运用到一切同名的HTML标签中，也能够将一个CSS款式指定到某个页面元素中。假如要修正款式，咱们只需要在款式列表中找到相应的款式声明进行修正。
3.多页面运用
CSS款式表能够单独寄存在一个CSS文件中，这样咱们就能够在多个页面中运用同一个CSS款式表。CSS款式表理论上不属于任何页面文件，在任何页面文件中都能够将其引用。这样就能够实现多个页面风格的一致。
4.层叠
简略的说，层叠便是对一个元素多次设置同一个款式，这将运用最后一次设置的特色值。例如对一个站点中的多个页面运用了同一套CSS款式表，而某些页面中的某些元素想运用其他款式，就能够针对这些款式单独界说一个款式表运用到页面中。这些后来界说的款式将对前面的款式设置进行重写，在浏览器中看到的将是最后边设置的款式效果。
5.页面紧缩
在运用HTML界说页面效果的网站中，往往需要很多或重复的表格和font元素构成各种规格的文字款式，这样做的后果便是会发生很多的HTML标签，从而使页面文件的大小增加。而将款式的声明单独放到CSS款式表中，能够大大的减小页面的体积，这样在加载页面时运用的时刻也会大大的削减。别的，CSS款式表的复用更大程度的缩减了页面的体积，削减下载的时刻。
