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(像素值)