CSS样式(行间)

1. CSS文本样式

以下内容均为填入<div><style> </div></style>中的样式

<div style=“XXXX;”>

设置下划线,删除线,顶划线

text-decoration: 样式

属性值:

none 无

underline 下划线

line-through 删除线

overline 顶划线

设置文本大小写text-transform

属性值:

lowercase     全小写

capitalize    单词首字母大写

uppercasee    全大写

设置小型大写字母

font-variant: 字母状态

属性值:

normal 正常状态

small-caps 小型大写字母

首行缩进

text-indent:缩进距离

属性值:

px,em,rem,百分比

文字默认字体大小16px

1em=16px=一个汉字的大小

文本水平对齐方式

text-align: 对齐方式

属性值:

left 左对齐(默认)

center 居中对齐

right 右对齐

设置行高

line-height: 行高

属性值:

px,em,rem,百分比

设置字距/词距

letter-spacing: 字母间距

word-spacing: 词距

2.字体样式

设置字体类型

font-family: 字体

设置字体粗细

font-weight:粗细

font-weight:设置字体粗细

属性值:

可以用单词也可以用数值

100

200

300

lighter

normal 400

bold 700

bolder

800

900

设置字体样式

font-style:样式

属性值:

normal 正常字体

italic 斜体

oblique 字体倾斜

设置字体颜色

color: 颜色

3.背景样式

设置背景颜色

background-color: 颜色

设置背景图片

background-image:url(路径)

设置图片是否平铺

background-repeat:是否平铺

属性值:

repeat 平铺(默认)

no-repeat 不平铺

repeat-x 只在水平方向平铺

repeat-y 只在垂直方向平铺

设置背景图片的位置

background-position: 位置

属性值:

1.left,right,top ,bottom,center两两组合的九个位置

2.  x% y%(百分比)

3.xpx ypx(像素值)