您的位置:首页 > Web前端 > CSS

CSS字体相关属性

2017-07-31 10:07 176 查看

字体属性

字体、字号

font-weight:字体粗细

属性值描述
normal默认值。定义标准的字符。
bold定义粗体字符。
bolder定义更粗的字符。
lighter定义更细的字符。
100、200…900400 等同于 normal,而 700 等同于 bold。

font-size:字体大小

属性值描述
xx-small、x-small、small、medium、large、x-large、xx-large把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。默认值:medium。
smaller把 font-size 设置为比父元素更小的尺寸。
larger把 font-size 设置为比父元素更大的尺寸。
length把 font-size 设置为一个固定的值。
%把 font-size 设置为基于父元素的一个百分比值。

font-family:字体

font-style:斜体

属性值描述
normal默认值。浏览器显示一个标准的字体样式。
italic浏览器会显示一个斜体的字体样式。
oblique浏览器会显示一个倾斜的字体样式。

字体颜色

color:字体颜色

opacity:透明度(0是全透明,1是不透明)

行距、对齐等:

line-height:行高

属性值描述
normal默认。设置合理的行间距。
number设置数字,此数字会与当前的字体尺寸相乘来设置行间距。(如1.5)
length设置固定的行间距。(如20px)
%基于当前字体尺寸的百分比行间距。(如150%)

text-align:对齐

属性值描述
left把文本排列到左边。默认值:由浏览器决定。
right把文本排列到右边。
center把文本排列到中间。
justify实现两端对齐文本效果。

letter-spacing: 字符间距

属性值描述
normal默认。规定字符间没有额外的空间。
length定义字符间的固定空间(允许使用负值)。

text-decoration:文本修饰

属性值描述
none默认。定义标准的文本。
underline定义文本下的一条线。
overline定义文本上的一条线。
line-through定义穿过文本下的一条线。
blink定义闪烁的文本。

overflow :当内容溢出元素框时的处理方法

属性值描述
visible默认值。内容不会被修剪,会呈现在元素框之外。
hidden内容会被修剪,并且其余内容是不可见的。
scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

text-overflow:规定当文本溢出包含元素时发生的事情

描述
clip修剪文本。
ellipsis显示省略符号来代表被修剪的文本。
string使用给定的字符串来代表被修剪的文本。

text-shadow:文本阴影

text-shadow: x  y  模糊距离(模糊程度) 颜色;


text-indent:首行文本的缩进

text-indent:2em;


text-stroke:文本描边

text-stroke:2px red;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css