打印本文 打印本文 关闭窗口 关闭窗口
1.CSS--层叠样式表
作者:武汉SEO闵涛  文章来源:敏韬网  点击数596  更新时间:2009/4/23 13:47:44  文章录入:mintao  责任编辑:mintao

什么是CSS?
  中文翻译为样式表! 它的作用简单的说:就是可以使你在同一页面里使用不同的超链接样式。
  更神奇的是,用CSS,仅仅改变一个文件就可以改变数百个网页的外观......个性化的表现而不损失访问者......所有这些都因为网页样式表的强大和灵活特性。 
  让我们开始吧!

CSS 速成 
层叠样式表的基础入门。 

CSS 结构和规则 
各种选择符、伪类、伪元素和层叠顺序的入门。 

CSS 属性 
各种层叠样式表级别一有效的属性的描述。 

将样式表加入到HTML中 
各种将样式表加入到HTML文本中的方法。 

依赖样式表 
怎样会是滥用样式表和使你的网页难以处理。 

CSS 参考 
连接到介绍CSS的规范和其它方面的文章。

------------------------------------------------------------------------------

CSS 速成


  一个样式表由样式规则组成, 以告诉浏览器怎样去呈现一个文档. 有很多将样式规则加入到你的HTML文档中的方法, 但最简单的启动方法是使用HTML的STYLE组件. 这个元素放置于文档的HEAD部分, 包含网页的样式规则.

  要注意到尽管STYLE元素是试验样式表的好方法, 它具有某些在用户使用这种方法之前应该考虑的缺点. 不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。

  每个规则的组成包括一个选择符--通常是一个HTML的元素, 例如BODY, P, 或EM--和该选择符所接受的样式.

  有很多的属性可以用于定义一个元素. 每个属性带一个值, 共同地描述选择符应该如何呈现.

样式规则组成如下:

选择符 { 属性: 值 }
单一选择符的复合样式声明应该用分号隔开:

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

以下是一段定义了H1和H2元素的颜色和字体大小属性:






上述的样式表告诉浏览器用加大、红色字体去显示一级标题, 用大、蓝色字体去显示二级标题. CSS1 规格正式地定义了所有的有效属性和值. 属性和值在本网站的CSS 属性部分也给出了.

本教程专门介绍了CSS非常基础的知识, 以提供足够的信息去让你试验自己的样式. 要获得CSS更深入的知识, 阅读继续阅读以下部分: 

CSS 结构和规则 
CSS 属性 
将样式表加入到HTML中 

打印本文 打印本文 关闭窗口 关闭窗口