css+div基础简介

1、css为层叠样式表（Cascading Style Sheets）

样式定义如何显示HTML中的元素，通常存储在样式表中。

应用浏览器有IE6，IE7，IE8，IE9，Firefox(主流浏览器)

2、div元素是HTML文档里的内容（结构，背景等）

css用于控制网页并允许将样式信息与网页内容分离的一种标记性语言。（各种属性）举例说明：盖房子，网页好比楼房，div就是楼房框架，css就是水泥和玻璃等

3、css标记：

举例说明：p标签(p为标记)

                <span>span标签</span>(span为标记)

css优势：

缩减代码，提高浏览速度，结构清晰，支持各类浏览器，兼容性好。

4、创建css：

第一种：外部样式表（应用于很多页面时）

举例说明：<link rel="stylesheet" type="text/css" href="链接路径（css格式）">

第二种：内部样式表（应用于单个文档需要特殊样式）

举例说明：<style type="text/css">

                 p { font-size:20px; }

                </style>

5、第三种：行内样式表（应用于单个元素需特殊样式）

举例说明：<p style="color:#f00(红色)">

第四种：导入样式表

举例说明：<style type="text/css">

                 @import url(‘链接路径（css格式）’)

                 </style>

6、优先级：

行内样式表 > 内部样式表 > 外部样式表