- 8月25

CSS概述
成功其实很简单,不停的专心工作,就会成功,学习也是同样!
首先,我们来了解下关于CSS的来历,类似HTML中<h1>、<p>、<table> 这样的标签原本被设计为用于定义文档内容,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。
同时由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如font和color属性)添加到 HTML 规范中,导致创建统一、清晰的文档内容变得越来越困难。
为解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出了层叠样式表(CSS)。所以,现在所有的主流浏览器均支持层叠样式表,也就是CSS!
CSS将会为您的网页设计如虎添翼!
CSS 可以称得上 WEB 设计领域的一个突破。作为网站设计开发人员,你可以为所有HTML元素定义样式,并将其用于任意多的页面中,这对于网站的维护以及改版将是前所未有的便捷,只需要简单的改变样式,网站中所有元素便会自动更新。
CSS同时有利于将网页内容与表现分离,所以样式通常保存在外部的.CSS文件中,仅仅通过编辑一个简单的CSS文档,将可以改变所有网页的布以及外观!多重样式定义方式
CSS样式允许以多种方式定义样式信息。样式可以定义在单个的 HTML 元素中(<div style="color:#FFF";></div>),在 HTML 页的头元素中(位于 <head> 标签内部 ) ,或在一个外部的 CSS 文件中(.CSS文件)。甚至可以在同一个 HTML 文档内部链接多个外部样式表(多个.CSS文件)。
多重样式定义将重叠为一个
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
样式定义次序
一般而言,所有的样式会根据下面的层叠规则组合在一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表 (外部.CSS文件)
3.内部样式表(位于 <head> 标签内部)
4.内联样式(在 HTML 元素内部 如:<div style="color:#FFF";></div>)因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着同样的内联样式声明它将优先于其他样式声明。
CSS编写环境
CSS可以完全不受环境限制的进行编写,甚至不需要任何软件或辅助工具,你所需要的,只是记事本,打开记事本,编写你的CSS,保存完后把.txt后缀改为.css即可。
如果你是一个熟练有经验的网页设计师,可能你在公车上用手机就能完成整个网页的布局排版了。CSS小结
1.样式定义如何显示 HTML 元素
2.样式通常存储在样式表中
3.把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
4.外部样式表可以极大的提高工作效率
5.外部样式表通常存储在 CSS 文件中
6.多个样式定义可层叠为一笨小孩于2010-8-25 23:40:35发表于 笨小孩CSS博客
1楼 louboutinshoes
Post:8/30/2010 12:08:51 PM