CSS字体属性和文本属性总结

1.CSS字体属性

1.1 字体  font-family

1.2 字号 font-size

1.3 字体粗细  font-weight

font-weight : bold;

font-weight: 700;   //  bold 和 700 均表示粗体,但是更建议使用700,方便记忆

font-weight : normal;

font-weight:400; // normal 和 400 均表示正常字体粗心,这个属性是最常用的,常用于将<h1>至<h6>系列的标签转化成正常字体粗细。

font-weight:lighter;  //细体,几乎没见过用过,了解即可

1.4 字体风格 font-style

font-style:normal; // 正常,默认

font-style: italic;  //斜体

2. CSS文本属性

2.1  颜色  color

2.2 对齐文本  text-align

text-align : center;  //水平居中对齐

补充一点,text-align:center,仅仅是水平居中对齐,要想让其水平垂直居中对齐,可以再添加一个属性

line-hight: 盒子的高度;  //line-hight是行高

text-align:right;   //水平右对齐

text-align:left; //水平左对齐

2.3 装饰文本   text-decoration

text-decoration: none;    //默认,即没有任何装饰线,最常用,常用来帮助a标签去除下划线

text-decoration:underline;  //下划线

text-decoration:line-through;  // 删除线

 2.4 文本缩进  text-indent

用于每个段落首行的缩进。

text-indent: 40px; // 这种写法就是明确了段落首行缩进多少距离,一般不提倡,因为很费劲。

text-indent:2em;  // em是一个相对单位,就是当前元素的一个文字的大小。提倡使用

2.5 行间距(行高) line-height

line-height : 40px;   //先使用40px 减去 字体的大小,再除以2,就是上边距和下边距

猜你喜欢

转载自www.cnblogs.com/zysfx/p/12758843.html