CSS样式

（3）

（二）优先选择规则

1、三种样式同时存在，优先起效果是内联样式；

2、如果外部样式和内部样式同时存在，写在下面的优先起效果。

    （三）调节谷歌字体默认大小

1、-webkit-text-size-adjust：none | auto
    none:针对性调节某个元素的样式，进行相应的改变；但是突出一个bug：如果要是出现页面放大，而页面上的字体不可能会相应的改变大小，造成用户的视觉盲点.因此对于有需要的放大网页的用户成了不友好的体验，所以不建议全局使用该属性，而是在需要的情况单独使用就好了。

对于谷歌中的中英混排版，又想要调节英文的字体必要，尤其是文字部分设计，大小不一实在不好看，影响整个排版的美观。

故此，添加一个私有属性到html选择器；

html{-webkit-text-size-adjust:none；}

Auto：打开网页缩放功能调节字体大小，那么定义全局样式。*{-webkit-text-size-adjust:auto!Important；}；

注意：

     1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用
html{-webkit-text-size-adjust:none；
     2、-webkit-text-size-adjust放在body上会导致页面缩放失效。

3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的。

 

（三）CSS（层叠样式表）特点

    css样式的三大特性——层叠性；继承性（继承某些样式，有些是默认的继）  选择器优先级；浮动、定位提高一个元素的层级。

1、在同一个样式表中，不同选择器控制相同属性，拥有权重较大的就显示谁的样式效果；

    2、所有与字体相关的都可以继承，如：color,text-系列，font-系列，cursor、line-系列.

3、并不是所有的css属性都可以继承，如，下面的属性就不具有继承性：边框、外边距或内边距、背景、定位、元素的宽高。

4、所有盒子相关的属性都不能继承。a、h1都不会实现继承。

5、继承权重为0；包含的样式权重（群组选择器）为叠加。

div a{text-decoration；color}

伪类选择器的权重是0010；

类的选择器权重是0010；标签的选择器权重是0001；