前言
小编接触了B/S的第一个项目：牛腩新闻发布系统，这是从C/S到B/S的一个转折点，是从客户端、服务器之间到从浏览器、服务器之间的一个过渡；
从这个项目中，小编接触点到了很多新鲜的元素，CSS（层叠样式表）便是其中的一个。
CSS的概述
1、Cascading Style Sheets 层叠样式表，它可以控制多重网页的样式和布局；
2、需具备的基础知识：HTML、XHTML
3、主要实现：
样式
----- 定义如何显示HTML元素；
----- 存储在样式表中；
----- 添加到HTML4.0中，解决内容与表现分离；
----- 多个样式定义可以层叠为一。
CSS解决的问题--更好利用HTML
1、背景
HTML标签原本被设计为用于定义文档内容。即通过使用<h1>、<p>、<table>这样的标签，来表达“这是标题”、“这是段落”、“这是表格”之类的信息。
同时文档的布局由浏览器来完成，而不使用任何的格式化标签。
由于两种主要的浏览器（Netscape和Internet Explorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范中，创建文档
内容清晰地独立于文档表现层的站点变得越来越困难。
2、样式
（1） 为解决这个问题，样式（Style）肩负起了HTML标准化的使用，这样所有的主流浏览器均支持层叠样式表；
（2）极大地提高了工作效率。样式表定义如何显示HTML元素，就像HTML3.2的字体标签和颜色属性所起的作用那样。样式通常保存在外部的.css文件中。
通过仅仅编辑一个简单的CSS文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。（3）多重样式层叠为一个。样式表允许以多种方式规定样式信息。它可以规定在单个的HTML元素中，在HTML页的头元素中，或在一个外部的CSS文件中。
甚至可以在同一个HTML文档内部引用多个外部样式表。
CSS的层叠次序
当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中第四个拥有最高的优先权。
（1）浏览器缺省设置；（2）外部样式表；（3）内部样式表（位于<head>标签内部）；（4）内联样式（在HTML元素内部）
因此，内联样式拥有最高的优先权，这意味着它将优先于以下的样式声明：<head>标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明。
小结
以上是从CSS的基本作用谈起的，它内部的需要基础知识，在下文中会提到，如CSS基础语法、选择器、样式、框模型定位等内容。
感谢您的访问！
1945
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
