css字体属性

字体属性是干嘛的？

可以改变字体的颜色、大小、形状、位置、样式、空格、字之间的间距，英文字体的大小写

属性 属性值 作用

width px/像素 宽度

height px/像素 高度

background red(红色)， 背景色

color 有3种颜色的写法 字体颜色

通过英文字母来表示颜色

举例：

red(红色)，

blue(蓝色)，

yellow(黄色)，

pink(粉色)，

green(绿色)

通过16进制来表示颜色 0-9 字母a-f 前面必须加#开头

举例：

color: #0000FF;

通过三原色0-255 rgb()这个写法来表示颜色

举例：

color: rgb(123,234,0);

这个字母a是透明度 透明度的值是0-1之间 默认是1

举例：

color: rgba(120,230,110,0.1);

font-size px，100%，em,rem 设置字体大小

font-weight 100-900/bold 字体加粗

font-style italic，normal 字体倾斜

倾斜 不倾斜

font-family '微软雅黑' 字体类型

-----------------------------------------------------------------

text-decoration 文字装饰

underline;                 加下线

          line-through;          删除线

        overline;          加顶线

none 去掉a标签的下划线

text-indent px 段落首行缩进

text-align 文字居中设置

center 文字水平居中

right 文字居右

left 文字居左

none 不居中

text-transform 英文字母大小写转换

capitalize; 首字母大写

uppercase; 全部大写

lowercase; 全部小写

-------------------------------------------------------------------

line-height 设置行高/单行文字垂直居中

word-spacing:-1px; 单词间距

letter-spacing:10px;字母间距，文字间距

vertical-align middle bottom top 对齐方式(针对单元格)

垂直居中 底部对齐 上对齐

3： 字体复合写法：

font-style:italic;

font-weight: bold;

font-size: 100px;

font-family: '楷体';

font:italic bold 50px/30px '楷体';

字体倾斜 加粗 字体大小/行高 字体类型