1.背景
background-image:url(路径); 设置背景图像
background-repeat:repeat-y; 设置背景图像在Y轴重复平铺
background-position-x:200px; 设置背景图像的位置
background-attachment:fixed; 设置背景图像固定[文字动,背景不动]
background-color : #ffcc66; 设置背景颜色
2.文本
font-family:"楷体_GB2312"; 设置文本字体
font-size:18px; 设置字体字号
color:#0000FF; 设置字体颜色
font-weight:bold; 设置字体粗细
font-style:italic; 设置字体样式[斜体]
line-height:40px; 设置行高
text-decoration:none; 设置文本没有下划线
3.盒子模型
margin--border--padding--content
margin:物体与外界的间距
margin-top:
margin-left:
margin-right:
margin-bottom:
border:边框
border-top/left/right/bottom-width:边框的粗细
border-top/left/right/bottom-style:边框的样式[阴影,实线,虚线,双线]
border-top/left/right/bottom-color:边框的颜色
padding:盒子的内容与border的间距
padding-top:
padding-left:
padding-right:
padding-bottom:
1.容器标签
共同点:div和span都是无语义的容器标签
不同点:
div:容器稍大,一般用来包含段落,表格,表单,列表等,并统一样式
span:一般用在某段落中的某一行或某几行
2.列表
UL中的样式:
list-style-image
li中的样式:
display:
none; 默认
block; 以块独行显示
inline;同行显示
3.table
以下三个属性 经常被用在DIV 布局页面调整对齐和显示方式
4.disply样式属性
none; 默认
block; 以块独行显示
inline;同行显示
5.float浮动:用在使用DIV 对页面进行布局
left 向左浮动
right 向右浮动
none 没有设置浮动
6.clear清除浮动
left 清除左侧浮动元素
right 清除右侧浮动元素
both 清除左右两侧浮动元素