文本格式设置
1 文本下划线
text-decoration:设置下划线,删除线,顶划线
属性值:
none 无
underline 下划线
line-through 删除线
coverline 顶划线
2文本大小写
text-transform:设置文本大小写
属性值:
uppercase 大写
lowercase 小写
capitalize 首字母大写
none 无
3 文本小型大写
font-variant:设置文本小型大写
属性值:
small-caps:小型大写字母
normal: 正常效果
4 首行缩进
text-indent: 首行缩进
属性值:
px,em,rem,百分比
文字默认字体 16px
1em=一个默认字体=16px
5 水平对齐方式
text-align:文本水平对齐方式
属性值:
left: 左对齐(默认值)
right: 右对齐
center: 居中对齐
6 行高
line-height:设置文字行高
属性值:
px em rem 百分比.
7 字距
letter-spacing:设置字距(字母之间的间距)
word-spacing:设置词距(单词之间的距离)
属性值:
px em rem 百分比
8 字体设置:
font-family 字体类型
属性值: 具体的字体类型(stkaiti)
font-size 字体大小(px)
font-weight 设置字体粗细
属性值:
lighter,normal(正常值),bold,bolder
100,200,300,400(等同于normal),500,600
700,(等同于bold),800,900
font-style: 设置字体样式
属性值:
italic 斜体
normal 正常字体
oblique 字体倾斜
color 设置字体颜色
属性值
red green blue...
#ff0000(十六进制颜色)
rgb(255,255,255)
rgba(0,0,0,0-1)
背景设置
9 背景颜色
background-color:背景颜色
属性值:
red green blue...
#ff0000(十六进制颜色)
rgb(255,255,255)
rgba(0,0,0,0-1)
10 背景图片
background-image: 设置背景图片
属性值:url(图片路径)
background-repeat:设置背景图片是否平铺
属性值:
repeat 平铺
no-repeat 不平铺
repeat-x 在x轴平铺
repeat-y 在y轴平铺
background-position:设置背景图片的位置
属性值:
1.left,right top bottom center
2.x% y%(百分比)
3.xpx ypx(像素值)
background-attachment:设置背景图片是否随内容滚动
属性值:
fixed: 背景不滚动
scroll: 背景随内容滚动
网友评论