CSS,什么CS,学习CSS,CSS专题,CSS知识.doc

CSS目录 1、CSS历史 2、使用CSS+DIV的优点 3、感性体验CSS 4、如何将样式表加入到网页 5、CSS的语法 6、CSS设计网页的经验 7、CSS Hack 汇总快查 8、DIV+css的结构 9、DIV＋CSS网页布局入门指南 10、CSS的限制 11、学好CSS的流程 2、使用CSS+DIV的优点 采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优势： 1：表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对有哪些信誉好的足球投注网站引擎更加友好。 2：提高页面浏览速度 对于同一个页面视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。 3：易于维护和改版 你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。 4: 使用div+css更符合现在的W3C国际标准. 什么是CSS呢？你可能急迫的想知道答案。但是空泛的文字描述意义不大，让我们先来一点感性体验吧。看看这个没有添加CSS的HTML文件：/zengarden-sample.html 是一个普普通通的网页。然而通过给这个文件添加的CSS规则，我们可以得到十分美观的网页：/ 这还不是全部，不改动HTML，只是通过添加不同的CSS规则，我们就可以得到各种不同样式的网页： /?cssfile=/208/208.csspage=0 好了，下面我们再来回答什么是CSS这个问题。 什么是Cascading Style Sheets（层叠样式表） * CSS是Cascading Style Sheets(层叠样式表)的简称. * CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言). * 在标准网页设计中CSS负责网页内容(XHTML)的表现. * CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀. * 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课. * CSS是由W3C的CSS工作组产生和维护的. 可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅 !important 声明。 链入外部样式表文件 (Linking to a Style Sheet) 你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下： head title文档标题/title link rel=stylesheet href=/dhtmlet.css type=text/css /head 而在XML中，你应该如下例所示在声明区中加入： ? xml-stylesheet type=text/css href=/dhtmlet.css ? 定义内部样式块对象 (Embedding a Style Block) 你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。 定义方式请参阅样式表语法。示例如下： html head title文档标题/title style type=text/css !-- body {font: 10pt Arial} h1 {font: 15pt/17pt Arial; font-weight: bold; color: maroon} h2 {font: 13pt/15pt Arial; font-weight: bold; color: blue} p {font: 10pt/12pt Arial; color: black} -- /style /head body 请注意，这里将style对象的type属性设置为text/css，是允许不支持这类型的浏览器忽略样式表单。 内联定义 (Inline Styles) 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下： 这一行被增加了左右的外补丁 CSS的定义是由三个部分构成: 选择符(selector)，属性(properties)和属性的取值(value)。 ccs　语法: selector {property: value} (选择符 {属性:值}) 说明: ·选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值