1、文本大小
font-size:value；
属性值必须为数值型，且必须加上单位，为0时除外
单位：em(相对文字单位)、pt(绝对长度单位)、px(相对长度单位) px使用比较广泛
2、文本字体
font-family:字体1，....
可以写多个字体，若字体1不存在，则显示字体2，以此类推，若都不存在，则显示系统默认字体
注：当字体名称为中文或者有空格时，需要加上双引号
Windows中文版本操作系统下，中文默认字体为宋体或者新宋体，英文字体默认为Arial
3、文本粗细
font-weight:bolder(更粗)/bold(加粗)/normal(常规)/lighter(更细)/100-900;
注：400为常规，900代表最粗
4、文本倾斜
font-style:italic(倾斜度小)/oblique(倾斜度大)/normal(常规)
5、文本简写
font：属性值
顺序: font-style | font-weight | font-size / line-height | font-family
简写时 , font-size和line-height只能通过斜杠/组成一个值，不能分开写
6、文本颜色
color：属性值
颜色的赋值方法：1、使用系统认可的颜色名称，如：red、yellow...
注：transparent默认透明颜色
2、使用十六进制赋值： #123456
前两位：红色 0-f
中间两位：绿色： 0-f
后两位：蓝色：0-f
3、rgb(red, green, blue) red、green、blue处取值为0-255表示颜色的深浅
rgba(red, green, blue, opacity) red、green、blue处取值为0-255表示颜色的深浅
opacity处取值为0-1，表示背景的透明程度，0为全透明
7、文本行高
line-height:normal/value
当value=容器高时，可实现单行文本垂直居中
当value<容器高时，可实现单行文本垂直中齐以上任意位置的定位
当value>容器高时，可实现单行文本垂直中齐以下任意位置的定位
8、文本样式的text属性
8.1、text-align：水平对齐方式
text-align: left/right/center/justify(“两端对齐中文不起作用”);
8.2、vertical-align：垂直对齐方式
vertical-align: top/bottom/middle;
适用于：指定图片垂直对齐方式，相对于其他文字
9、设置文字线
text-decoration:属性值
line-throuth:删除线 underline：下划线 overline：上划线 none：无
10、文本缩进
text-indent:value;
注：value可以设置负值，若为负值，则被缩进左边
文本缩进只对首行有效
11、控制元素中的字母
text-transform:capitalize(所有单词首字母大写)/uppercase(所有字母大写)/lowercase(所有字母小写)
12、设置超出范围的单词换行
word-wrap: normal(默认值，断点处换行)/break-word(单词内部换行);
13、文字添加阴影
text-shadow: h-shadow v-shadow blur color;
h-shadow：必填：水平阴影的位置
v-shadow：必填：垂直阴影的位置
blur：选填：模糊的距离
color：阴影的颜色
14 、规定段落中的文本是否进行换行：
white-space: nowrap
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。
pre-wrap 保留空白符序列，但是正常地进行换行。
pre-line 合并空白符序列，但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
网友评论