可以把样式放在3个地方:样式表、<style>和style。样式裹( stylesbeet)是一个独立的文件,可以通过<link>元素或者css的@import语句把它附加到某个HTML文档中。<style>是一个HTML元素,可以把它嵌在HTML文档中。style是一个属性,它可以嵌在任何HTML元素中。我建议把样式放在样式表里。这会减少HTML文档中的非内容成分,并且把所
有的样式放在独立的文件中也便于管理。我建议使用一个单词为样式表命名,并全部小写。这会令样式表的名字显得很简洁并容易记忆,还可平稳地运行在所有的操作系统中。我推荐你使用一个能描述样式表使用目的和作用域的
名字,
例如site.css、page.css.handheld.css、print.css等。样式表的标准扩展名为.css。标准的互联网媒介类型为text/css。我建议使用样式表的不同位置来控制它的作用域。如果一个样式表是修饰整个网站的,则应该把它放在网站的根目录下。如果样式表仅作用于某要想把样式表链到HTML文档中,需在HTMI文档中的(head>区域使用<link>元素,把样式表的URL赋给.link>元素的href属性。代码清单1-1显示的就是我在本书中使用的样式表链接。更多关于链接样式表的内容可查看第2章中的头部元素和条件样式表
设计模式。
代码清单1-1添加样式表。
<link rel:“stylesheet”href=“site.css” media=“all”type=“text/css” />
<link rel:“stylesheet”href=“page.css” media=“all”type=“text/css” />
<link rel:“stylesheet”href=“print.css” media=“print”type=“text/css” />
<!--[if lte IE 6]>
<link rel="stylesheet"href="ie6.css"media="all"type=“text/css” />
<![endifl-->
为了便于下载,你或许会在.style,元素中加上一些针对某个页面的样式,而不是把它们放在独立的专属此页面的样式表中。既然这些样式是专属于某个页面的,
那么把这些样式放在那个页面的头部就不会带来什么问题。
不过,我强烈建议大家不要使用HTMLiC素中的style属性,因为这将使代码维护起来非常困难.