Day04-CSS属性

1.文本相关属性

字体大小:font-size

字体颜色:color

字体名:font-family

文字加粗:font-weight
取值:
1.100-900(100-700之间不断加粗)
2.bolder/bold/normal

字体倾斜:font-style
italic/oblique - 倾斜
normal - 不倾斜

内容水平对齐方式:text-align
left - 左对齐
right - 右对齐
center - 居中

文字行高:line-height
设置标签每一行内容的高度;
可以通过设置行高和标签的高度一样来让标签中的内容在垂直方向上居中

文字修饰:text-decoration
underline - 下划线
overline - 上划线
line-through - 删除线
none - 去掉文字修饰

首行缩进:text-indent
p标签的文字有效

字间距:letter-spacing
每个文字之间的间隙

2.列表相关属性

样式类型:list-style-type
disc(实心圆)
circle(空心圆)
square(实心方块)
none(去掉列表符号)

使用图片作为列表符号:list-style-image
图片要通过url来导入
list-style-type: url(图片地址);

符号位置:list-style-position
outside - 外面
inside - 里面

去掉符号:list-style
list-style: none;

3.背景相关属性

背景颜色:backgroud-color

背景图片:backgroud-image
backgroud-image: url(图片地址);

背景图片平铺属性:backgroud-repeat
no-repeat - 不平铺
repeat - 平铺
repeat-y - 竖直方向平铺
repeat-x - 水平方向平铺

背景图片的位置:backgroud-position
backgroud-position: x y;
x - left/right/center/数值
y - top/bottom/center/数值

背景缩写:backgroud
backgroud：图片地址 是否平铺 x y 背景颜色;