web标准发展建议与实例(8)----为中国网络技术提供点滴动力-iyit.net-易特网络技术！

　　通行证: 用户密码

域名空间　下载中心　 社区论坛　信息公告 my小屋

联系我们
设为首页
加入收藏

qq,asp,php,jsp,xml,sql,.net,编程程序网页图象建站经验私服




	当前位置：首页>>站长club>>建站经验>>正文	新版上线！[旧版]

注:打开慢时请稍等

web标准发展建议与实例(8)

http://www.iyit.net 日期：2006-5-8 14:37:12 来源：中国站长学院点击：

【参加讨论】用不同的方法应用css

有以下几种方法使一个html文档中的元素应用css。

外链式

把所有的css规则都写在一个或几个单独的文件中，这种做法有许多优点。html文档会变得非常的小，css文件被存在浏览器的缓存中，仅仅需要下载一次即可，并且你只需要修改一个文件就可以改变整个网站的样式。一个外链式的css文件，见如下:

h1 { font-weight:bold; }

注意:在外链的css中没有<style>标签。

你可以使用 <link>标签来把一个css链接到html文档中:

或者在<style>中使用一个@import标签 :

通过使用style属性,你可以直接的在html中应用css:

<h1 style="font-weight:bold;">rubrik</h1>

这种情况，应尽量的避免，因为他把结构和表现混在一起了。

内嵌式

内嵌式css是写在<style>标签中，也是写在文档的<head>中:

这种情况也应该尽量避免，最好还是把html和css用单独的文件存放。

css的语法

一条css的规则是由一个选择器和一个或多个声明组成。选择器决定了css规则可作用于文档中的哪个或哪些元素。一个属性和一个值组成了一个声明，声明要用大括号（{}）括起来，并且每个声明要用分号（；）结束。

一个简单的css规则如下:

p { color:#0f0; font-weight:bold; }

这个例子中, p就是选择器,表示这条规则将作用于文档中的所有被<p>包围的内容。这个规则中，有两条声明，它们共同作用，使 <p>中的内容所有字体为绿色并且加粗。

想了解更详细的css规则，可以参阅 css beginner’s guide, css from the ground up或者一个css手册。

多余的元素和类

当我们刚开始学css时，很容犯一些错误：使用不必要的xhtml元素、多余的类和额外的 <div>。并不是说这些代码是不规范的，而是它与一些原则（如结构与表现相分离，使用简单的整洁的标记）相矛盾。

下面是一个使用不必要xhtml元素的例子:

<h3><em>headline</em></h3>

如果你想使标题行变成斜体，可以使用css来重新定义 <h3>元素:

h3 { font-style:italic; }

下面是一个使用多余的类的例子:

<div id="main"> <div class="maincontent"> <p class="maincontenttext"> css的用法的奥秘很多 </p> </div> </div>

下面这么写可能更好:

<div id="main"> <div> <p> css的用法的奥秘很多 </p> </div> </div>

为了控制div#main中的元素，你可以在css代码中使用相关的的选择器，例如:

div#main p { /* rules */ }

多数情况下，css允许你把想要的样式来定义xhtml，而不用增加额外的的标记。但是有的时候，增加一些额外的代码也是必要的。

编辑：黑鹰　[发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇：web标准发展建议与实例(7)
下一篇：web标准发展建议与实例(9)
转载请注明来源：www.iyit.net
特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

		相关文章

推荐新闻

用photoshop制成浪漫的“珍珠项链”

第二十章　开发delphi对象式数据管理功

sql简明教程（1）

vbscript和javascript互相调用

jsp教程(四)-jsp actions的使用

操作系统被入侵后的修复过程

五一别忘电脑防毒养成良好上网习惯

google对ie浏览器将捆绑搜索功能表担忧

新版上线，今日正式开通!!!

	友情链接

	copyrights © 2004-2006 iyit.net all rights reserved. 网站合作、广告联系qq:147007642、466949678
	易特网络技术冀icp备05011851号		浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。