css+div

           div+css是web设计标准，它是一种网页布局方法。它能够实现网页页面内容与表现分离。

         css是层叠样式表（Cascading Style Sheets）的缩写，用于定义HTML元素的显示形式。

         样式规则：由一个选择器后跟一个声明块组成。声明块是一个大容器。由大括号里间的部分组成，声明块中间的空间会被忽略。

         举比例如以下：

#m_category{
    200px;
    float :left ;
}

         以下说一说什么是选择器：

              元素选择器：语法格式： 元素{color: blue;}

              类选择期： 语法格式： .类名{属性: 值;}

              ID选择器：#id名 {属性 : 值；} ID名不能反复

              通配符选择器：语法格式：*{属性:值;}

              伪类选择器：

                        伪类选择器能够以不同方式格式化超级链接<a>元素的四种不同状态：下面顺序依次写。（记忆方法：a Love or Hate）

                        a:link 是用在未訪问的链接的选择器

                        a:visited 是用在已訪问过的链接的选择器

                        a:hover 是用在鼠标光标放在其上的链接的选择器

                        a:active 是用在获得焦点（比方，被点击）的链接的选择器

                        假设须要。我们能够组合这几个状态。按顺序写：

                        a:link。a:visited { color :blue;}

                        a:hover ，a:active { color :blue;}

                伪元素选择器

                        标准的选择器不能格式化一个元素内容的第一个字母或者第一行。而伪元素选择器能实现：

                        全部浏览器支持的有两种： ：first-line和 ：first-letter

                        例：段落的第一行：p：first-line {属性：值；}

                      例：段落的第一个字母：p：first-letter {属性：值。}

            以下说一说CSS优先级，即CSS样式在浏览器中被解析的先后顺序。

             优先级顺序为：内联样式(inline style) > ID选择符 > 类选择符(class), 伪类(pseudo-class)和属*(attribute)选择符 > 类别(type)，伪对象(pseudo-element)

              这样做有什么优势呢？

                1、精简的代码。使用DIV+CSS布局，页面代码精简。

                 2、提高訪问速度，增减用户体验性

                 3、非常easy被搜索引擎搜索岛。减少网页大小，让网页体积变得更小。