前端网页学习3（css文字属性和文本属性）

前端网页学习3（css文字属性和文本属性）

Css字体属性

Css字体属性：

1. font-family：字体；
2. font-size: 字体大小；
3. font-weight:字体粗细；
4. font-style: 字体；
   正常书写：（注意事项在代码备注中）

.font {
            font-family: '宋体',Arial, Helvetica, sans-serif;
            /* 单引号双引号都可以 */
            /* 从左往右显示 */
            /* 尽量使用常用字体 */
            /* body字体设置 */
            font-size: 20px;
            /* 字体大小 */
            /* px像素 默认16 */
            /* 尽量自己设置防止不同浏览器显示不同 */
            font-weight: 600;
            /* 字体粗细 */
            /* 不加单位400normal */
            font-style: italic;
            /* 斜体 */
        }

简写：
固定顺序 字形——字体大小——字体粗细——字体
最少要有字体大小和字体两个属性

.font-new1 {
            font: italic 700 16px '宋体'
        }
.font-new2 {
            font: 36px '宋体'
        }

Css文本属性

颜色
color：

1. red
2. #cc0000
3. reg（255，0，1）
4. reg（100%，10%，10%）

水平对齐
textalign：

1. left（默认）
2. right
3. center；

装饰文本
text-decoration：

1. none（默认）无
2. underline（下划线）
3. overline（上划线）
4. line-through（删除线）

首行缩进
text-indent：

1. 100px（右缩进）px像素
2. -20px（左缩进）
3. 3em（一个字）em字

行间距
line-height：50px；

p {
color: red;
text-align: left;
text-decoration: overline;
text-indent: 0em;
line-height: 0em;
}