CSS文本样式

CSS样式(行间)

1. CSS文本样式

以下内容均为填入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(像素值)

background-attachment : scroll ;滚动效果

background-attachment:设置背景图片是否随内容滚动

 属性值：

     fixed    背景不滚动

     scroll   背景随内容滚动