css 下划线_CSS设置文本样式

文本样式

CSS设置文本样式

CSS字体样式属性

font-size:字号大小

CSS长度单位

相对长度单位	说明
em	倍率
px	像素
绝对单位长度	说明
in	英寸
cm	厘米
mm	毫米
pt	点

font-family:字体

注意

•各种字体之间必须用英文状态下的逗号隔开。

•中文字体要加英文状态的引号，英文一般不用。

font-weight:字体粗细

可用属性值

值	描述
normal	默认值
bold	定义粗体
bolder	定义更粗的字体
lighter	定义更细的字体
100~900	定义由粗到细的字体

font-style:字体风格

可用属性值

•normal:默认值，浏览器会显示标准的字体样式。

•italic:浏览器会显示斜体的字体样式。

•oblique:浏览器会显示倾斜的字体样式。

！！！！！！！！！！

    italic是使用了文字本身的倾斜属性，oblique是让没有倾斜属性的文字作为倾斜处理。

font-综合设置字体样式

基本格式

选择器{font: font-style

         font-weight 

         font-size/line-height

         font-family;

}

@font-face规则

基本格式

@font-face{

    font-family:字体名称;

    scr:字体路径;

}

继续继续，嘻嘻~

CSS文本外观属性

color:文本颜色

取值方式

•预定义的颜色值。

•十六进制。

•RGB代码。(取值为0时也不能省略%)

letter-spacing:字间距

基本格式

h2{letter-spacing:20px}

h3{letter-spacing:-0.5em}

word-spacing:单词间距

    定义英文之间的间距，对中文无

效。属性值可为不同单位的数值，允

许使用负值。

line-height:行间距

用于设置行间距，所谓行间距就是行

与行之间的距离，即字符的垂直间

距，一般称为行高。

text-transform:文本转换

可用属性值

•none:不转换

•capitalize:下划线

•uppercase:全部字符为大写

•lowercasr:全部字符为小写

text-decoration:文本装饰

可用属性

•none:没有装饰

•underline:下划线

•overline:上划线

•line-through:删除线

text-align

可用属性

•left:左对齐

•right:右对齐

•center:居中对齐

text-indent:首行缩进

     用于设置首行文本的缩进，其属

性值可为不同单位的数值、em字符

宽度的倍数或相对于浏览器窗口宽度

的百分比%，允许使用负值。

white-space:空白符处理

属性值

•normal:常规

•pre:预格式化

•nowrap:空格空行无效化

text-shadow:阴影效果

语法	作用
h-shadow	设置水平阴影距离
v-shadow	设置垂直阴影距离
blur	设置模糊半径
color	设置阴影颜色

注意！！！

    阴影的水平或垂直距离参数可以

设为负值，但阴影的模糊半径参数只

能设置为正值，并且数值越大阴影向

外模糊的范围就越大。

text-overfiow:

标示对象内溢出文本

节目列表

•clip:修剪溢出文本

•ellpsis:用“…”代替溢出文本

word-wrap属性

值	描述
normal	只在允许的断点换行
break-word	在长单词或URL地址内部进行换行

要全部记住哦

如有问题请反馈

编辑：郭旭

排版：郭旭