文字样式复习

文字样式

1.字体样式

1.font-family：；定义字体类型，可以通过添加font文件夹，src：url（./font/…）;引入

使用模板如下：font-face｛font-family：；

​ src：url（./font/…）; ｝

2.font-weight：bold；定义加粗字体 bold：粗体 bolder：更粗 light：细体 lighter更细

注：：；写具体数字时，无须加上单位px，且填写的数值没有1000以上的

3.font-style：normal；定义字体风格 normal：正常默认值 italic:倾斜 oblique：倾斜（强制性）

2.对齐方式

1.text-align：；定义文本的对齐方式，center：居中对齐 left：左对齐 right：右对齐 justify：两端对齐

2.line-height：;定义行与行的高度，即行高，1，2点结合可以做到垂直居中分布

3.letter-spacing: ;定义字与字之间的间距，

4.word-spacing：；定义单词与单词之间的间距

5.text-indent：；定义段落的首行缩进

6.vertical-align定义基线对齐

3.text-decoration的使用

1.text-decoration：none；定义清除下划线，可以清除a标签的下划线 underline：加上下划线 overline：加上上划线 line-through：加上中划线

2.text-decoration-color：；划线的颜色设置

3.text-decoration-style：；划线的类型定义 wavy是波浪线

4.清除行内块元素

1.body｛

font-size：0px；

｝定义清除行内块元素的盒子之间的间距

5.其他内容

1.font-variant：small-caps；小型大写字母

2.white-space：；定义文本是否换行，normal：换行 nowrap：不换行