HTML：属性

字体样式

i.font-size:设置字体大小

1. font-size:100px;//单位是像素
   

2. font-size:1em;//单位是em，1em=16px，浏览器默认字体大小是16px
   

ii.font-weight:设置字体加粗

1. font-weight:bold;
   

2. font-weight:900;//值的范围是100~900，数字越大，字体越粗
   

3. font-weight:normal;//正常(不加粗)
   

iii.font-style:设置字体风格(倾斜)

1. font-style:italic;//倾斜的角度比较大
   

2. font-style:oblique;//倾斜的角度较小
   

3. font-style:normal;//不倾斜
   

iv.font-family：设置字体系列

font:设置字体所有样式
i. 顺序：字体倾斜-》字体粗细->字体尺寸-》字体系列
ii若要使用font属性,必须指定字体尺寸和字体系列，其他的可以省略

文本属性

a)文本修饰：text-decoration
i. underline;//定义文本的下划线
ii. line-through;//中划线
iii. overline;//上划线
iv. none;//去掉下划线

b)文本对齐方式（水平位置）：text-align
i. left;//设置文本水平居左
ii. center;//居中
iii. right;//居右

a)文本的行高：line-height

b)设置文本水平垂直居中：
i. Height与line-height一起使用并且要设置相同的值，可以设置文本垂直居中
ii.
a)设置文本缩进：text-indent
text-indent:2em;//1em=16px
b)设置单词之间的间距：word-spacing

c)设置字母之间的间距: letter-spacing

d)设置文本自动换行时的处理方法：word-break值描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。
e)设置是否允许长单词或url换到下一行：word-wrap
normal 只在允许的断字点换行（浏览器保持默认处理）。
break-word 在长单词或 URL 地址内部进行换行。

列表属性

a) list-style-type//设置列表类型样式
b) list-style-image//设置列表样式为图片
c) list-style-position//设置列表缩进
d) list-style://设置列表的一系列样式
list-style:none;
list-style一系列样式

图片与文字的垂直对齐方式：vertical-align

a) top;//设置文字居图片的上方
b) middle;//中间
c) bottom;//底部

边框属性

a) 设置边框样式：border-style
1.border-style:solid//实线
2.border-style:dashed//虚线
3.border-style:dotted;//点划线
4.border-style:double;//双划线
a)设置边框宽度：border-width
b)设置边框的颜色：border-color
border:1px solid blue;“三剑客”
border//设置边框一系列样式

为元素添加圆角样式：border-radius

a) -webkit-border-radius：苹果；谷歌等一些浏览器认，因为他们都用的是webkit内核；

b) -moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。

背景属性

a) background-color://设置背景颜色
b) background-image:url(‘图片地址’);//引入背景图片
c) background-repeat：//设置背景图片是否平铺
i. no-repeat;//不平铺
ii.repeat-x;//沿着x轴水平平铺
iii. repeat-y;//沿着y轴垂直平铺

d)background-size://设置背景图片的尺寸
i. background-size:100px 80px;//第一个值是宽度,第二个值是高度
ii.background-size:cover;// 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。

e)background-postion://设置引入背景图片的位置
i.background-position:bottom right;
1.第一个值(top,center,bottom)，第二个值(left,center,right)
ii. Background-position:100px 80px;（x,y）

1. 第一个值是x轴：水平方向
2. 第二个值是y轴：垂直方向
3. (-x,-y)代表相反方向

f)background-attachment://设置背景图片是否随着页面滚动
i.fixed;//设置背景图片固定(不随浏览器滚动)
ii.scroll;//设置图片滚动(默认值)

g)background://设置背景的一系列属性
属性值顺序(color->image->repeat->attachment->position),可以省略其中某个设置