css之文字文本属性

468 阅读2分钟

文字属性:

color:  设置字体的颜色。color的值有三种写法1.可以是相对应的颜色的英文。2.可以是十六进制。3.可以是RDB模型(三基色)

font-family:  设置字体系列,如果有后备字体可以在字体后面加一个逗号写后备字体。带引号的字体一般都是汉字和字体系列中带有空格的。(设置字体的系列一般不使用中文)。

font-size:  设置字体大小。单位一般用px和em。px是像素值但在谷歌浏览器中字体最小是12px,em是相对于父元素的字体大小

font-style:  设置字体样式,属性值:italic(斜体)  normal(默认值)  i标签和em标签与font-style:italic的表现形式是一样的。

font-weight:  设置字体粗细,属性值:normal(默认值)  bold(粗体)  bolder(更粗体)  100~900(跟本机上装的文字有关,100~500显示正常字体,600~900显示字体粗体)

line-height:  行高也是基线到基线的距离。单行文本的垂直居中:line-weight的值=hight的值。基线:在英文中以小写字母x的下边缘为基线。

字体属性的简写:(从左至右依次顺序一个属性占一行)font-style fontweight font-size/line-height font-family。最少要有:font-size/line-height font-family。

文本属性:

text-indent:  首行缩进,单位可以使用px但常用em可以是正值也可以是负值。

text-align:  规定文本在块元素的对齐方式,属性值:center: 水平居中,  justify: 两端对齐,  right: 最右边,  middle: 上下。对于块元素来说直接给text-align:center就会居中如果想要给行内元素居中可以给行内元素外再包裹一层块元素再块元素一个text-align:center。

text-decoration:  修饰文本,属性值:  none: 可以删除a标签中的下划线,  line-througj: 删除线, underline下划线,  overline: 上划线。

letter-spacing:  设置字符间的间距, word-spacing:  英文单词间的间距。

vertical-align:  图片与文字的对其方式 属性值:  top: 以顶线去对齐, bottom: 以底线去对齐, ,middle: 以基线对齐。属性值还可以给数值可以是正也可以是负。这个属性只能作用在行内元素和行内块元素中,如果让文字显示在图片的中间这个verticai-align:middle通常给img。