CSS(6)——CSS汇总整理

精通DIV + CSS

Meta（了解就行）

1、div span

2、三种样式表

•     内联样式(行内样式)
•     嵌入样式
•     外部样式

    就近原则

3、常见样式

•     复合样式 background  border
•     css单位  %  px  em
•     background-color
•     color
•     border-style
•     border-width
•     border-color
•     display:none、block块、inline内嵌
•     cursor 设置鼠标用的
•     list-style-type:none
•     float 浮动
•     clear 清除浮动
•     margin 间距
•     padding 填充
•     position 相对 绝对  固定

    更多的样式去查CSS帮助文档

4、样式选择器

•     标签选择器 input
•     类选择器 .class
•     id选择器 #wrap
•     标签+类选择器
•     * 包含选择器 p strong（这是标签包含标签。另外也可以id包含id等，非常灵活，看你需要怎么用了）
•     * 组合选择器 h1,h2,input{}
•     伪选择器  为标签的不同状态设定样式

5、表格的细边框

6、ul 做菜单

7、布局

•     表格布局
•     框架布局
•     div+css布局

   

    /* 强制英文换行 word-break:break-all; */
    /* 溢出后显示滚动条 */
    overflow:auto;