文档介绍：现在网页设计，通常采取内容和表现相分离，即网页组成包含：内容（HTML）+ 样式(CSS) + 脚本(JS) 。
AD：
浏览器解析原理
服务器接收到HTML->解析HTML结构建DOM树->解析CSS构建渲染树->为渲染树生成布局->绘制渲染树；在构建DOM树同时，假如有JS，同时调用JS引擎解析。
HTML文件，在html文件开头处通常会包含文档类型。常见过渡类型，。其它文档类型有严格类型（Strict）和框架（Frameset）。
一个HTML文件，包含head和body两部分。外部文件(css和js)引用、定义，和网页title，全部是在head里定义。Body部分，则是网页展示内容。
HTML文件Head部分，包含文档编码、CSS和JS定义或引用：
文档编码，html引用文件（如CSS）编码必需和本文档编码一致，不然可能出现乱码。
CSS和JS定义或引用
能够直接在head中定义CSS和JS代码块，也能够经过引用方法引用外部CSS和JS文件，引用多个文件用“，”分隔。引用外部文件是现在通用方法，能够确保整个网站风格一致性和重用，利于样式和脚本维护；能够降低网页代码量，增加网页浏览速度。
CSS引用
JS引用
<script type="text/javascript" src=" ,p/global/-,p/shop/-,p/shop/-?t= 0215 0
HTML标签
标签有成正确标签和单个标签。
HTML元素是经过使用 HTML 标签进行定义，全部标签定义在内，HTMl标签在页面中必需是结束，假如标签没有闭合，造成后果就是页面样式错乱。
HTML对标签大小写不敏感，不过XHTML规范中，标签要求必需小写。
HTML文档body，是用户在浏览器中可见部分。
通常网站整体能够分为上中下结构，即：头部、中间主体、底部。那么我们在body中能够用三个div块来划分，分别给它们起名为：头部（header）、主体（maincontent）、问询（footer）。
对比表格布局，用div＋css布局构建网页以够简化代码，加紧显示速度。
CSS介绍
Html页面CSS样式定义方法有：
外部样式 ，CSS单独写到一个CSS文件内，然后在源代码中以link方法链接。
内部样式 ，它是以和结尾，写在源代码head标签内。
行内样式 ，在标签内以style标识为行内样式，行内样式只针对标签内元素有效。
导入样式 ，以***@import url标识所链接外部样式表，它通常常见在另一个样式表内部。
一个元素有多重样式，即外部样式、内部样式和内联样式同时应用于同一个元素情况，优先级以下：外部样式<内部样式<内联样式。
CSS语法，由三部分组成，选择器、属性、属性值。
Selector { property: value }
选择器，能够是ID、CLASS或标签；属性和属性值是用来定义这个物件某一个特征
选择器包含id、class、标签。id只能在页面中对应一个元素，就像我们身份证号一样，每个人全部不一样；class为类，能够对应多个元素。
选择器有优先级