CSS
<style type="text/css">
</style>
注释
/*注释*/
内联式
<p style="color:red"> </p>
嵌入式
外部式
<link href="main.css" rel="stylesheet" type="text/css" />
类选择器
.类名{
}
ID 选择器
#id{
}
子选择器 第一代子元素
.food>li{
}
包含后代选择器
.first span{
}
> 作用于元素的第一代后代,空格 作用于元素的所有后代
伪类选择器
a:hover{
}
分组选择符
h1,span{
}
font-family
font-size
color
font-weight
font-style
text-decoration
text-indent
line-height
letter-spacing
word-spacing
text-align:center
display:block
display:inline
和其他元素都在一行上;元素的高度、宽度及顶部和底部边距不可设置;元素的宽度就是它包含的文字或图片的宽度,不可改变。
display:inline-block
和其他元素都在一行上;元素的高度、宽度、行高以及顶和底边距都可设置。
border
边框
podding
填充
margin
边界
flow
流动模型
float
浮动模型
div{
float: left;
}
layer
层模型
position:absolute
绝对定位
position:relative
相对定位
position:fixed
固定定位