CSS层叠样式表学习笔记2--css入门文本样式

文本字体样式
1. line-hight： 行高
　　像素单位：px，字距单位：em。
　　特殊用法：要让一行文字在盒子中垂直居中，可以让行高等于盒子高。

2. font-size 设置字体大小
　　设置方式：单词，px，em，百分比。
　　字体大小默认为16px，数字越大字体就大。
　　单词：xx-small -------xx-largr
　　单词改变大小用的极少，设置太单一。

　　em: 相对于父元素的font-size属性计算的。
　　1em=父元素的font-size的值。
　　百分比：相对于父元素的font-size属性计算的。

　　快捷键： fz30 = font-size: 30px;

3. font-family 字体样式
　　字体分为英文字体和中文字体。有些英文字体不会作用到中文字体上，而中文字体会作用到英文上。
　　字体属性值可以为多个，后面的字体为备选字体，当前面的字体，电脑上没有加载时，会去加载后面的字体，如果都没有，会使用默认字体（微软雅黑）。
　　书写顺序：英文字体写在前面，中文字体写在后面。
　　中文字体也有英文名称
　　宋体：Simsun；
　　黑体：SimHei；
　　微软雅黑：Microsoft YaHei;【默认字体微软雅黑】

　　添加新字体用逗号隔开。
　　使用英文别名：
　　1.使用英文别名可以提高网页的加载速度。
　　2.防止源码中的中文乱码

4. font-weight：字体加粗
　　数字：100-900.越往上越粗。（大部分浏览器不支持）
　　单词：normal（正常）bold（加粗）bolder（更粗）lighter（细） 一般使用单词形式的正常与加粗。
　　简写：
　　fwb = font-weight: bold;

5. font-style 字体样式
　　简写： fs = font-style
　　normal 正常默认值
　　italic 带有倾斜属性的字体才可以设置。
　　oblique 没有倾斜属性的字体也可以设置。【不推荐使用】

6. overflow :文本溢出
　　overflow: hidden;
　　超出文本宽度溢出的隐藏。
　　white-space: nowrap;
　　不可以换行，使形成一行。
　　text-overflow: ellipsis;
　　使溢出文本隐藏的显示省略。

7. text-align： 设置段落的对齐方式。
　　属性：
　　left 左对齐 默认值
　　center 居中对齐
　　right 右对齐
　　justify: 两端对齐
　　设置样式与文本的行数没有关系。

8. text-indent 文本缩进。
　　单位：px em 百分比。
　　百分比是按照盒子的宽度。
　　px可以是负数，负数向前（左）缩进，正数为向后（右）缩进

9. text-decoration 文本修饰
　　none 正常
　　下划线 underline
　　上划线 overline
　　删除线：line-through

10. word-spacing:;单词间距。
　　应用于单词，对文字无效，可添加空格改变样式
　　文字没有效果，适用于单词（空格）。

11. letter-spacing: npx；字母间距,可为负值
　　一个文字相当于一个字母，可应用于文字字间距。

12. text-transform 大小写转换
　　lowercase 小写
　　uppercase 大写
　　none 默认
　　capitalize 首字大写

13. vertical-align：文本垂直对齐方式
　　top 顶部对齐
　　middle 中间对齐
　　sub 底部对齐
　　基线对齐 相当于四线格中的第三条线。 默认的对齐方式为基线对齐。
　　一般用于图片与文字的对齐。

14. direction： 文本的方向，书写方向
　　ltr rtl

15. text-shadow 设置文本阴影
     （x偏移值，y偏移值，颜色）

 

 参考文章链接：CSS常用文本样式_三岁九年的博客-CSDN博客