自学web的第四天

1、css字体

        1.1 font-family

                   作用：设置文本的字体系列

                   语法：font-family:字体名称；

                   常用值：

                   微软雅黑 Microsoft YaHei

                   宋体 SimSun

                   黑体 HeiTi

                   楷体 KaiTi

          1.2 font-size

                   作用：设置字体的大小

                   语法：font-size:值；

                   常用值：

                   长度值（通常是像素px）

                   百分比（相对于父元素计算）

                   em相对单位如果用于字号，相当于父元素字号计算，如果用于其它属性，相对于当前元素的字号大多数，浏览器的默认值字号：16px

            1.3 font-style

                   作用：设置字体的大小

                   语法：font-style:值；

                   常用值：

                   normal默认值

                   italic斜体显示

         1.4 font-weight

                   作用：设置字体粗细语法：

                   font-weight:值；

                   常用值：

                   normal默认值

                   bold加粗

                  100-900九级字重，400相当于normal，700相当于bold

                   注意：不是所有字体都内置了九级字重

           1.5 line-height

                    作用：设置行高

                    语法：line-height:值；

                    特性：实现单行文本的垂直居中

                    测量：文字高+行间距

                    常用值

                    normal默认。设置合理的行间距。

                    px 设置固定的行间距。

                    number设置数字，此数值会与当前的字号相乘来设置行间距。

                    百分比:相对于font-size计算

             1.6 font简写

                    作用：设置所有字体属性

                    语法：font: 字体风格 字体加粗 字号/行高 字体；

                    总结：只有当【字号和字体】同时存在简写才是有效的，简写属性可以精简代码

   2、css文本

           2.1 text-align

                    作用：设置文本的水平对齐方式

                    语法：text-align:值；

                    常用值

                    left居左对齐 [默认值]

                    right居右对齐

                    center居中对齐

                     justify两端对齐

                     注意：适用于块状元素

            2.2 text-decoration

                     作用：设置文本装饰

                     语法：text-decoration:值；

                     常用值

                     none 默认。定义标准的文本。

                     underline 定义文本下的一条线 。

                     line-through 定义穿过文本的一条线。

                     overline 定义文本上的一条线。 

           2.3 text-indent

                     作用：设置文本块首行的缩进

                     语法：line-height:值；

                     常用值

                     默认值：0

                     长度值，px,em

                    百分比: 相对于元素内容宽进行计算

                    允许负值

         2.4 color

                    作用：设置文字的颜色

                    语法：color:颜色值；

                    常用值

                    颜色的常用表式方法

                    如red、blue等

                   十六进制颜色表示方法

                    语法：如#ff0000

                    rgb颜色表示方法、

                    语法：rgb(255,0,0)

                    说明：rgb(r,g,b) r,g,b取值范围为0-255

     3、文本属性继承性

                   简单渗透:字体文本属性大多具有继承性。

                   可继承的属性

                   font-size

                   font-family

                   font-style

                   font-weight

                   font line-height

                   text-align

                   text-indent color

                   不可继承 text-decoration(穿透性)