当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > [css]简明教程 样式表的书写格式

HTML/XHTML教程
CSS样式表设计的十条技巧
什么样的界面算是好界面-7个案例
CSS+JS实现的选项卡效果
用CSS设计高体验的表单显示效果示例
利用css和js实现firefox和IE都支持的页面局部打印
针对各种版本的浏览器隐藏CSS的九大技巧
Div+CSS布局入门教程
在DIV+CSS排版中新闻列表的制作方法
实践DIV+CSS网页布局入门指南
HTML中meta详解
有关HTML代码的另类应用技巧
彻底弄懂CSS盒子模式(DIV布局)
页面制作人员的修练之道
注意:HTML文件也能格式化硬盘
小技巧:让广告代码不再影响你的网页加载速度
进阶:彻底弄懂CSS盒子模式之二
彻底弄懂CSS盒子模式之三
详解css定位与定位应用
ASP生成静态Html文件技术杂谈
CSS的倡导者:学习CSS的10大理由

HTML/XHTML教程 中的 [css]简明教程 样式表的书写格式


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 48 ::
收藏到网摘: n/a

一般来说,样式表的声明分为选择符(selector)和块{}(block),块里包含属性(properties)和属性的取值(value),基本格式如下:

  选择符 {属性:值}

  其它格式1:

  选择符1,选择符2,选择符3 {属性1:值1;属性2:值2;属性3:值3}

  有时候多个选择符将使用相同的设置,为了简化代码,我们可以一次性为它们设置样式,并在多个选择符之间加上“,”来分隔它们。

  当有多个属性的时候,必须在两个属性之间用“;”来分隔。

  其它格式2:

  选择符1 选择符2 {属性1:值1;属性2:值2;属性3:值3}

  和格式1非常相似,只是在选择符之间少加了“,”,但作用却大不相同。表示如果选择符2包括的内容同时包括在选择符1里的时候,所设置的样式规则才起作用。