网页基本样式

//文本

color 设置文字颜色

text-align 文本对齐方式 center居中 left居左 right居右 justify两端对齐

text-indent 文本缩进

font-size 控制文字大小

line-height 当文本的行高和盒子的高度一致时，文本垂直居中

//文本的修饰

text-decoration 文本修饰none underline下划线 overline上划线 line-through删除线 blink设置文本闪烁

font-weight 字重 bold加粗 bolder更粗 normal正常值 lighter更细的字体

单位为磅，默认为100-900之间。

font-style 字体风格 normal标准格式 italic倾斜 oblique倾斜（两个倾斜任记一个）

font-family 字体类型 后加宋体等等…

复合标签（需要写完整）：font:italic bold 16px/1.5（1.5行高） “黑体”

//列表

list-style-type列表风格类型 none disc实心圆 cricle空心圆 square实心正方形 decimal数字

list-style-image : none url(地址)

list-style-psoition:列表位置 inside里面 outside外面

List-style-none 取消列表样式

//表格

border-collapse： separate默认值 collapse 边框合并

border-spacing： xpx ypx 表格间隙

empty-cells（只针对空单元格）单元格边框线的显示或隐藏：hide隐藏 show显示

table-layout： fixed（需要对表格设置宽高） automatic（自动，不需要）

caption表格标题

caption-side（仅限制caption标签）:top（表格标题在上） side（表格标题在下）

//网页布局

//div进阶盒子模型

margin外边距 内容区content padding内边距 border边框

上top 下bottom 左left 右right

标准盒模型：

由内容区 + 内边距padding + 边框border

padding：1px 2px 3px 4px 分别 上 右 下 左

​ 1px 2px 上下1 左右2

​ 1px 2px 3px 上 左右 下

怪异盒模型：

box-sizing：content-box（标准盒模型） border-box（怪异盒模型，来自IE）

标准盒模型计算方式：

宽度w=padding(left/right)+border(left/right)

高度h=padding(top/bottom)+border(top/bottom)

怪异盒模型计算方式：

宽度=内容区+padding(left/right)+border(left/right)

高度=内容区+padding(top/bottom)+border(top/bottom)

max-width 最大宽度 min-width最小宽度

max-height 最大高度 min-height最小高度

border-style 边框样式 none dotted点线边框 dashed虚线边框 solid实线边框 groove立体线 double双实线 transparent透明值

border-color 边框颜色

针对颜色根据需要可分别设置4个边框颜色或者同时设置四个边框的颜色

border-top-color :颜色；

border-bottom-color:颜色；

border-left-color:颜色；

border-right-color:颜色；

块级元素、行内元素、行内块元素之间的相互转换：

display: inline（行内元素）inline-block（行内块元素）block（块级元素）none（没有）

要将块级元素转换为行内块元素，使块级元素可在一行内显示，若转换为行内元素，则重叠

#f5f5f5灰色

margin:0 auto 让盒子水平居中

清除默认样式：

*{margin:0,padding:0}

a{text-decration:none}

ul,li{list-style:none}