网站前端 | xxyyxx

属性
1. font-size字体大小
2. color文本颜色
3. background-color背景颜色
4. width宽
5. height高
6. 注:宽高属性对内联（inline）对象不起作用。
7. margin外部边界
8. padding内部填充
9. margin-left,margin-right,margin-top,margin-bottom
10. padding-left,padding-right,padding-top,padding-bottom
11. margin:上下左右
12. padding:上下左右
13. 注:如果块有固定宽高，边界、填充是在原基础上增加的
14. border边框(三个值，样式、颜色、粗细) 例: border:solid 3px red;
15. 注：如果块有固定宽高，边框是在原基础上增加的
16. background背景
  1. background-color背景颜色
  2. background-image背景图像（优先级高）
    1. background-repeat背景重复
    2. background-position背景位置
17. color文本颜色
18. font-family字体样式
19. font-size
20. font-style:italic
21. font-weight:bold
22. text-decoration文本修饰
23. text-indent 首行缩进
24. line-height行高
25. letter-spacing字符间距
26. display显示方式
  1. display:block块
  2. display:inline内联
27. 技巧：除div外的块级别元素，可以在设计视图呈现出虚线效果，设置display:block;
28. 整理标签（清理不必要属性） margin边界 padding填充 1、去除所有标签的边界和填充 *{margin:0;padding:0;} 2、去除列表样式 li{list-style:none;} 3、去除图像边框 img{border:none 0;}
29. overflow溢出处理
  1. overflow:hidden;隐藏
  2. overflow:scroll;滚动条
  3. overflow:auto;自动添加滚动条
30. float浮动
  1. float:left;
  2. float:right;
31. 从上至下，从左至右，从外至内
32. 注：排版时遵循1对1的原则
33. margin-top影响父级的原因：父子级在同一布局级
html结构
css显示
1. 语言
2. 语法：例如 body{font-size:12px;} 总结：选择器名称{属性:值;属性:值;属性:值;.....} 段惠勇{皮肤:很白;头发:不长;}
3. 选择器名称的定义：
  1. 1、标签定义选择器名（标签本身就是分类）
  2. 2、类定义选择器名（自定义类方式）书写规范：选择器名称前必须加点用html标签的class属性来调用类名，调用时类名不加点例如： .box{font-size:12px;} 注：不能用数字开头在class里空格调用多个类
  3. 3、
  4. 4、复合定义
    1. 1、同属性定义例子: div,a,h1{font-size:12px;} 总结：用逗号分隔定义共有的属性
    2. 2、子级定义例子： ul li{color:red;} 总结：用空格分隔定义子级属性，属性效果应用在子级对象上
  5. 5、伪类定义
    1. 语法： a:伪类名{属性:值;}
    2. a:hover{color:yellow;}
4. CSS如何使用
  1. 1、用html标签<style></style>表明CSS所在位置建议：把<style></style>写在<head></head>内
  2. 2、在标签内加入style属性
  3. 3、外部调用——鼠标在css面里调用
5. 标准化布局
  1. 布局级
    1. 1、默认级（文档流）行布局
    2. 2、浮动级，列布局
    3. 3、
  2. 容器（块元素）居中
  3. 块的宽度默认由父级决定（等同于100%）
  4. 块的宽度默认听父级的，高度默认听子级的
  5. **总结：通常宽度给父级设置，高度给子级设置
  6. **父级自动延伸高度：overflow:hidden; **总结，前提条件：1、父级是默认布局级 2、子级都是浮动布局级
6. 合理化使用标签
  1. 横排模块（导航）
    1. ul li a
      1. li浮动是关键
      2. 注：文本重直居中用line-height
  2. 竖排模块（导航）
    1. dl dt dd a
  3. 不明确的用div标签
javascript行为