HTML常用样式属性

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 清除左右两侧浮动元素