文本样式
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地址内部进行换行 |