字体文本操作相关

字体:

字体:

font-family:"Microsoft Yahei"

字体大小:

font-size:14px

字体粗细:

font-weight:normal;        /*正常字体(400)*/
font-weight:bold;        /*加粗(700)*/

字体样式:

font-style:normal;        /*正常字体*/
font-style:italil;        /*斜体字体*/

连写方式:

font:font-style,font-weight,font-size,font-family;
/*必须有font-size,font-family*/

颜色(color)

color:red;
color:#fff;
color:rgba(0,0,0,0);

行高

line-height:18px;    /*行高需要等于高度(文字垂直对齐)*/

对齐方式

水平对齐

text-align:center;        /*水平居中对齐*/
text-align:left;        /*左对齐*/
text-align:right;        /*右对齐*/

垂直对齐

vertical-align:baseline;        /*默认基线对齐*/
vertical-align:middle;        /*居中对齐*/
vertical-align:top;            /*顶部对齐*/
vertical-align:bottom;        /*底部对齐*/

首行缩进

text-indent:2em;            /*首行缩进两个字的距离*/

文本线

text-decoration:none;            /*去除文本线*/
text-decoration:underline;       /*下划线*/
text-decoration:line-through;    /*中划线(删除线)*/

显示模式(display:)

块级元素(block):独占一行,可改变宽高

行内块元素(inline-block):独占一行,可改变宽高

行内元素(inline):一行多个,不可改变宽高

猜你喜欢

转载自blog.csdn.net/weixin_42661283/article/details/86665672