CSS样式基本属性（标签权重对比）

继承

有一些属性给父类或祖先元素设置后，其后代元素也会继承该样式，这就叫做继承性。

继承性是从当前元素开始，一直到最小的元素。

后代元素能够继承来自祖先元素的文字样式。这些属性包括：color，text-开头，line-开头的，font-开头的。

关于盒子、定位、布局的属性，不能被继承。样式表：行内式>内嵌式与外链式 （就近原则）

样式权重

选择器：ID选择器>类选择器>标签选择器

什么时候比较权重？
对同一个元素进行样式是才可以比较，否则无意义

复杂选择器权重的计算比较,数基础选择器的数量：
ID选择器的数量 类选择器的数量 标签选择器的数量
ID选择器的权重记为100，类选择器记为10，标签选择器记为1.
PS：不进位，255个标签等于一个类名。没有任何实战的意义。

权重相同时，比较书写顺序，在后面的会覆盖前面的。
【注】
1.并集选择器计算权重时，要分开计算。

2.如果不能直接选中元素，通过继承性影响的话，权重为0。

3.同一个标签，携带了多个类名，且样式有冲突时，跟类名的顺序无关，和样式的先后顺序有关。

总结：对于相同的选择器：样式表的排序：行内>内嵌与外链（就近原则）
对于非行内样式表，选择器排序：id>类>标签。

关键字

翻译：重要的。
格式：
k:v !important;
例子：

    **【注】**
    1.！important 提升的是一个属性，而不是选择器的权重。

2.！important无法提升继承的属性，权重仍然是0。

• 作用：
  将该属性的权重提为最高。
  慎用！使用不当的话，容易造成该关键字成倍增加，很有可能将网页这个css样式搞崩，最后不得不重构css样式。

行高 line-height

一行文字实际占有的高度。
表示方式：px，百分比，em。
1920*1080 横向有1920个像素，px 纵向有1080个像素。

百分比：参照字体大小。

em：字体的倍数。

设置行高，字号时，一般设置为偶数。这样可以保证，他们的差一定是偶数，方便计算与居中。

特殊用法：
要让一行文字在盒子中垂直居中，可以让行高等于盒子高。【只适用于单行文字。】

font-size

字号 字体大小
设置方式：单词，px，em，百分比。
字体大小默认为16px。

xx-small----- xx-largr
用的极少。
px 【推荐使用】

em 相对于父元素的font-size属性计算的。
1em=父元素的font-size的值。

百分比 相对于父元素的font-size属性计算的。

快捷键：
fz30 = font-size: 30px;

字体

1.字体分为英文字体和中文字体。有些英文字体不会作用到中文字体上，而中文字体会作用到英文上。
2.字体属性值可以为多个，后面的字体为备选字体，当前面的字体，电脑上没有加载时，会去加载后面的字体，如果都没有，会使用默认字体（微软雅黑）
3.书写顺序：英文字体写在前面，中文字体写在后面。
4.中文字体也有英文名称
宋体：Simsun；
黑体：SimHei；
微软雅黑：Microsoft YaHei；

1.使用英文别名可以提高网页的加载速度。
2.防止源码中的中文乱码。

字体font

font-size font-fanily
font是一个复合属性。
font:字体大小/行高 字体;

字体加粗font-weight

属性值：数字，单词。
数字：100-900.越往上越粗。
单词：normal（正常） bold（加粗） bolder（更粗）lighter（细）

一般使用单词形式的正常与加粗。
fwb = font-weight: bold;

字体样式 font-style

normal 正常 默认值
italic 斜体 【使用斜体的话，推荐使用】
oblique 【不推荐使用】

1.italic 带有倾斜属性的字体才可以设置。
2.oblique 没有倾斜属性的字体也可以设置。

快捷键：fs

文本溢出

/* 禁止文本换行 */
white-space: nowrap;
/* 溢出内容隐藏 */
overflow: hidden;
/* 使用省略号来代替被修剪的文本 */
text-overflow: ellipsis;

设置段落对齐方式text-align

text-align: 设置段落的对齐方式。
left 左对齐 默认值
center 居中对齐
right 右对齐。

与文本的行数没有关系。

文本对齐text-indent

单位：px em 百分比。
百分比是按照盒子的宽度。
可以是负数，负数向前（左）缩进，正数为向后（右）缩进。

文本修饰text-decoration

有四个常见的样式

• none 正常
• 下划线 underline
• 上划线 overline
• 中划线：line-through
  

单词间距word-spacing

字母间距letter-spacing

大小写转换text-trasform

垂直对齐方式vertical-align

top 顶部对齐
middle 中间对齐
sub 底部对齐。
一般用于图片与文字的对齐

滚动条