1.html基本结构
<!DOCTYPE html> <!--DOCTYPE 声名 document type简写 说明xhtml或html版本-->
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href=" ">
<script src></script>
</head>
<body>
</body>
</html>
DOCTYPE作用：
浏览器根据Doctype的声明进行有效性验证。浏览器需要知道要使用什么DTD（文档类型声明）来正确的处理页面。
用于声明浏览器呈现模式
渲染模式
标准模式：浏览器根据规范呈现页面
混杂模式：页面以一种比较宽松的向后兼容的方式显示。
混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启混杂模式。但采用混杂模式不是什么值得推荐的做法，因为不同浏览器在这种模式下的行为差异非常大，如果不使用某些hack技术，跨浏览器的行为根本就没有一致性可言。
2.盒模型
设置两种盒模型：
2.1 标准盒子 box-sizing: content-box;
2.2 IE盒子 box-sizing: border-box;
BFC问题
3.css样式方式及优先级
CSS样式应用的方式分为三大类：
（1）行内样式：优点在于写法比较简单，适用范围广，优先级高，当然弊端也是有的，运用行内样式，内容和样式没有分离，样式也没有复用性，仅仅自作用于一个元素。
（2）内部样式：内容和样式没有完全分离，多个页面间不能复用。
（3）外部样式
权重规则：
权重分为四个等级（有一个重要级角色不在此列）
第一等：内联样式，权重1000，即标签内的style属性设置的样式
第二等：ID选择器，权重100，例如#id{...}
第三等：类选择器，伪类选择器，属性选择器，权重10，例如.class{...}、:hover{...}、[arrtibute=value]
第四等：标签选择器，伪元素选择器，权重1，例如div{...}、::after{...}
4037
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
