常用属性

1、文本相关属性
文字
字体设置
html中，文字字体通过<font face="字体名称">设置，css中通过font-family属性控制，且font-family属性可以同时声明多种字体，字体之间用逗号分隔
文字大小设置
font-size，单位：px、em、ex
对p标签设置firstLetter样式，首字母变为标准大小3倍，并且设置向左浮动而实现下沉显示——
.firstLetter{
font-size:3em;
float:left;
}
文字颜色设置
英文名称—color：blue；
十六进制—color：#0000ff；
十六进制简写—color：#00f；
rgb十进制—color：rgb(0,0,255)；
rgb百分比—color：rgb(0%,0%,100%)；
文字的水平对齐方式设置
text-align，值可取：
center、left、right、justify(两端对齐)
段首缩进设置
text-indent：2em
文本
文本自动换行
word-break，值可取：
keep-all：不允许在单词中间换行
break-all：允许在单词中间换行
长单词和url地址换行
word-wrap，值可取：
normal：只在半角空格或连字符的地方进行换行
break-word：浏览器可在长单词或url地址内部进行换行
设置超链接样式
超链接有4种状态
a:link：普通的、未被访问的链接
a:visited：用户已访问的链接
a:hover：鼠标指针位于链接的上方
a:active：链接被单击的时刻
2、背景相关属性
常规属性
background-color：color | transparent
transparent表示背景颜色透明
background-image：none | url
根据 background-repeat 属性的值——
inherit：从父元素继承background-repeat属性的设置
no-repeat：背景图片只显示一次，不重复
repeat：在水平和垂直方向上重复显示背景图片
repeat-x：只沿X轴方向重复显示背景图片
repeat-y：只沿Y轴方向重复显示背景图片
background-attachment：scroll | fixed
scroll：当页面滚动时，背景图片跟着页面一起滚动
fixed：将背景图片固定在页面的可见区域
background-position：length | percentage | top | center | bottom | left | right
CSS3新特性
background-clip指定背景的显示范围，取值可为：
border-box、padding-box、content-box、text
background-origin指定背景图片的起点，取值可为：
border-box、padding-box、content-box
background-size指定背景图片的尺寸
多背景图片
3、列表相关属性
list-style简写属性，用于把所有用于列表的属性设置于一个声明中
list-style-image将图像设置为列表项标志
list-style-position设置列表中列表项标志的位置
list-style-type设置列表项标志的类型
4、框模型/盒模型
设置内边距
设置内边距padding：length；
length：百分比/长度数值，百分比是基于父对象的宽度
数值——4个数据(上、右、下、左)、3个(上、左右、下)、2个(上下、左右)、1个(用于设置全部的内边距)
设置外边距
设置外边距margin：auto | length；
auto表示默认
length：百分比/长度数值
数值——4个数据(上、右、下、左)、3个(上、左右、下)、2个(上下、左右)、1个(用于设置全部的外边距)
在CSS中还提供了margin-top等4个属性用于单独指定某个方向的外边距
边框
设置边框颜色border-color：属性值；
属性值——4个属性值(上、右、下、左四边)、3个(上、左右、下)、2个(上下、左右)、1个(用于设置全部四条边的颜色)
在CSS中还提供了border-bottom-color等4个属性用于单独指定某条边框的颜色
5、定位相关属性
设置定位方式
position：static | absolute | fixed | relative；
static无特殊定位；absolute绝对定位，可以让对象漂浮于页面之上；fixed绝对定位，且对象位置固定，不随滚动条移动而改变位置；relative相对定位
浮动float