CSS字体属性

                                            字体属性

1.字体：宋体

例如：p{

font-family: 宋体;

}

也可以写成：p{font: 宋体;}

<p>我是段落<p>

2.字体大小：

p{

font-size:12px;

}

<p>我是段落<p>

3.字体风格

.{ font-style:italic; }

{ font-style: oblique; }

两种都表示斜体。

{  font-style:normal;  }

使用normal可以把已经斜体的样式改成正常的字体样式

4. 字体的粗细

p{

    font-weight: bold;

}

设置成为粗体。bolder表示从语义化上更粗

p{ font-weight: lighter;}

设置更细的字体  

总结：字体属性的顺序：字体风格→字体粗细→字体大小→字体类型

例如：

    .p1{

            font-family: 楷体;

            font-size: 30px;

            font-style: italic;

            font-weight: bold;

           }

   简写就是：font:italic bold 30px 楷体;

                         文本样式

1.颜色属性：p{background:RGB(20,40,60)}

除了使用英文单词,还可以使用 RGB.十六进制方法表示颜色：前两位表示红色分量，中间两位表示绿色分量，最后两位表示蓝色分量

 p{background:RGB(20,40,60,0.5)}

RGBA 在RGB基础上增加了透明度的参数，值为0～1

2.排版文本

把文本排列到左边：{ text-align: left;} 默认值

把文本排列到右边：{text-align: right;}

把文本排列在中间：{text-align：center}

实现两端对齐文本效果：{text-align: justify;}

3.首行缩进{text-indent}

4.设置行高

   div{

            border:1px  solid red;

            width: 400px;}

设置行高 值越大 一行的间距也就越大

一般要设置的比字体的大小要大一点，不然会很挤

行高的妙用：想设置文字垂直居中就需要把line-height设置的和高度height的值一样。