html引入css
<style>
<!-- 此处写css代码 -->
</style>
<link type = "text/css" rel = "stylesheet" href = "../xx/xx.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-type: none;-->
list-style-image:url(image/xx.png);
}
开发商特定的css
过渡和变换属性
html5 api和web应用
请看 《Head First HTML5 Programming》
