文本属性,字体,长度单位

1. 字体

1. 设置字体颜色: color:;

2. 设置字体样式: font-style:normal/italic; 斜体/正常

3. 设置字体: font-family:; 多个字体用逗号隔开

4. 设置字体大小: font-size:;

5. 设置字体粗体: font-weight:normal/bold; 正常/加粗bolder比父元素字体大小大一点lighter比父元素字体大小小一点

6. 简写:font:; 字体大小和字体必须放在最后2个

   例如:font: italic bold 30px "微软雅黑";

2. 长度单位

1. px 绝对长度单位

2. em 相对单位 1em=当前元素的font-size的大小

   • 先参考自身font-size的大小,如果自身没有font-size的大小,则会一级一级的往上找,最后还没有找到就会参考默认大小

   • em使用起来不方便: 如父容器的字体大小, 或者自己的字体大小发生了改变, 则会导致1em的值发生变化.

3. %

   • width. height

     参照的父容器的宽和高

     注意: 如果绝对定位之后, 参数的是参考父容器的.(包含块)

   • margin

     参数父容器的宽

     注意: 不管是哪个方向的margin都是参数的父容器的宽.

   • padding

     参数父容器的宽

     注意: 不管哪个方向都是参照的父容器的宽. 和父容器的高没有关系.

   • left, top, right,bottom

     参数父容器的宽和高

3.文本的属性

文本缩进

   text-indent: 2em;
   text-indent: -22222px;

text-align文本的对齐方式.

用在什么地方: 用在块级元素上, 对块级元素内的文本(行内元素)使用对齐.(左对齐, 右对齐, 居中对齐)

总结居中:

文本居中(行内元素居中):给他的块级父容器添加text-align

块级元素居中(相对定位也可以):给想居中的元素设置margin: 0 auto;

绝对定位元素的在参考父容器中居中

left : 0; right : 0; margin:0 auto;

文本的装饰

text-decoration: none 去掉任何的文本装饰