html文本规则

<!--

文本规则1：

文本的大小：font-size

知识点：默认的字体大小为：16px

文本最小就到12px；部分浏览器支持到10px

一般情况下测出来是奇数时我们会改成偶数：13px===12px 14px

（浏览器显示界面是等比例缩放的，没有0.5个像素，所以尽量是偶数）

文本规则2：

文本的粗细：font-weight

1）数值

100-900整百的数值

100------细体

400------正常字体

700------加粗字体

900------更粗字体

700-900都能实现加粗，但是900更具有语义化

2)关键词

lighter====细体

normal====正常字体

bold======加粗字体

bolder====更粗字体

bold-bolder都能实现加粗，但是bolder更具有语义化

问题：1）为啥有b标签，strong，还要学习font-weight:bold

a）使用加粗标签会让页面结构多一层

b）使用css里面的 font-weight：bold；页面结构简化，更易于维护

c）通过这个属性我们能为任何一个标签实现加粗；CSS属性做划过效果

2）好多标签默认都是默认字体没有加粗，为啥学习font-weight：normal

a）公共代码里面需要；有一部分标签是自带加粗效果的：（h1-h6,b,strong）；

需要把这些自带的加粗效果取消掉；增加一部分标签可以随时使用

文本规则3：

文本倾斜：font-style：italic

取值：italic======倾斜

normal======正常字体

oblique=====斜体字（更加具有强调性）

问题：1）为啥有i，em，还要学习font-style：italic

同上；

2）为啥默认就是没有倾斜的还要使用：font-style：normal

同上；

文本规则4：

字体属性：font-family

取值：取值可以为一个值也可以为多个值，多个值使用都好隔开

中文字不需要带引号，一个单词组成的字体不要引号，多个单词组成的字体需要带引号

跟多个字体实现的是谁呢？ 一般实现的顺序是从左到右依次读取，读取到能用的就用那个

都实现不了的话。则使用默认字体：宋体，

font-family：宋体，微软雅黑

文本规则5：

文本颜色：color

属性值：

1）颜色单词：red,green,blue,yellow,purple

2)#六位十六进制的颜色值： 如果相邻的两位一样的话可以缩写成3位：

红色：#ff0000 #f00

绿色：#00ff00 #0f0

蓝色：#0000ff #00f

3）rgb（red，green，blue）取值：0-255，包含0，包含255

文本规则6：

文本属性

1)文本对齐方式

属性：text-align:left(左对齐)/right(右对齐)/center(居中对齐)

/justify(★ 两端对齐)

2）文本垂直居中对齐

昵称：行间距/行高

属性：line-height

a）多行文本中：行与行之间的距离，行高，如何测量：

从一行文字的上面，测到另一行文字的上面

b)单行文本中：让文本，实现垂直居中的效果

3）单行缩进

属性：text-indent:2em

px==固定单位，是多少距离就是多少距离

em==相对单位，相对于自己这个标签，或者是父元素标签字体大小缩放的

一个倍数默认情况：1em = 16px

text-indent,可以取值为负数的；只会影响第一行的缩进；不会影响第二行

__________________________________________________

|★面试题：如何在不隐藏元素的情况下，把本文给隐藏掉？

| 1）text-indent：-99999px;

| 2)font-size:0px;

|__________________________________________________

4)小型大写字符

含义：会让小写字母变成大写字母，只占四线三格中的中间一格

属性：font-variant:small-caps

5)调整间距

a）字符与字符之间的间距

字符间距：字母，符号，汉子

属性：letter-spcaing

b)单词与单词之间的间距

词间距：英文单词之间的距离

属性：word-spacing

6)文本修饰线

text-decoration:

underline=====下划线

line-throught======中划线

overline=====上划线

none=====消除任何修饰线===应用在自带修饰线效果的

标签上面，给它取消效果（a,u,s,del）

以上每一个属性都能实现一种样式，这种属性被称为单一样式

对于文本修饰：有一个复合属性（一个属性可以实现多种样式）

font：weight style size/line-height family

而且family必须放在最后面

-->