css 属性

html引入css

样式属性：

line-height:行间距
font-style: 斜体等风格
font-weight: 字体粗细
font-variant：段落设置为小型大写字母字
font-size: 字体大小 （small or % or px em）
font-family: 字体
font-height:
// 以上的合写方式
font:font-style font-variant font-weight font-size/line-height font-family

font-style font-variant font-weight :可选
font-size 必选
line-height 可选(如果有用/连接在font-size后面)
font-family 必选

left: 控制元素位置
top: 控制元素位置
right: 控制元素位置
bottom: 控制元素位置

padding-top:
padding-right:
padding-bottom:
padding-left:
padding: 内边距 上面的合写

padding:20px 10px 20px 30px //上右下左
padding:20px // 上右下左
padding:20px 10px //上下20左右10

margin-top:
margin-right:
margin-bottom:
margin-left:
margin: 外边距 上面的合写

margin:20px 10px 20px 30px //上右下左
margin:20px // 上右下左
margin:20px 10px //上下20左右10

color:文本元素颜色
text-align:对齐方式
text-decoration:文本添加装饰 上下删除划线等～(underline, line-through, overline, none)

list-style:控制list的样式
letter-spacing:字间距
boder:加边框
border-collapse: collapse; // table 表格边框样式

p
  {
  border:5px solid red;
  }

boder-bottom:下划线

background-color：背景色 (rgb (80%,40%,0) or #cc6600)
background-image：背景图 (url(xxxx.gif))
background-repeat: 背景图铺盖方式(no-repeat 不重复，repeat-x x轴重复 ，repeat-y y轴重复，inherit 照父元素)
background:( 背景色 背景图 和铺盖方式 合并 属性 ( #cc6600 url(xxxx.gif) repeat-x))
background-position: 位置（top left）

position: 布局类型（static(流) 默认,absolute 绝对布局,fixed固定布局）
display: 结构 (table table-cell table-row等)
// 列表
list-style-type:列表li前的标记;（disc默认实心圆点 circle空心圆点 square square属性提供一个方法添加，none 没有）
list-style-image:url(image/xx.png)

li {
  
  list-style-image:url(image/xx.png);
}

开发商特定的css

5BEBD7FD-1670-42BE-8746-8BDE829E6C65.png

过渡和变换属性

2CF281AA-2D61-4097-8C34-9983F9CBC010.png

html5 api和web应用

请看 《Head First HTML5 Programming》