CSS使用篇(一):将CSS放在何处
来源:百度文库 编辑:神马文学网 时间:2024/10/06 00:21:16
一、外部文件方式
外部文件方式即将CSS写成一个文件的方式,在HTML文档头通过文件引用来进行风格控制。CSS文件可在DreamWeaver的Window菜单下的styles选项或在FrontPage Editor98中Format菜单下StyleSheet菜单项来创建,相对说来,在DreamWeaver下创建比较简单;当然了,如果你熟悉CSS属性,可直接在记事本里写,最后的文件扩展名为CSS。
CSS文件的引用是在HTML的
标志之间写下列语句:,如当前文件目录下有一CSS 文件名为myStyle.css,内容如下
P{font-family:'宋体';font-size:9pt;
color:blue}
H2{font-family:‘宋体’;
font-size:13pt;
color:red
}
则在引用时,用下列语句
,当然,如果你在DreamWeaver中用styles功能可直接连接(Link)一个CSS文件,这些语句会自动生成的。
应用CSS文件的一个最大好处就是,你可以在每个HTML文件中引用这个文件,从而可使整个站点的HMTL文件在风格上保持一致,避免重复的CSS属性设置;另外,当你遇上改版或作某些重大调整要对风格进行修改时,可直接修改这个CSS文件,当然了,HTML文件一直引用最近更新的样式单,而不必每个每个HTML文件进行整理,你说是不是挺方便的呀!特别提醒一下,如果你想建立自己的网站,这方面不可忽视哟,如果在建站之初没有网站风格的统一规划并形成CSS文件,以后内容一多,想调整一下风格会累死你的。
二、内部文档头方式
这种方式与外部文件方式区别在于这种方式是将风格直接定义在文档头
之间,而不是形成文件。这种风格定义产生作用的范围也只局限于本文件,其格式如下(套用上边的CSS)如果在DreamWeaver中用Styles来书写,以上一些代码会自动生成的。 这种方式的主要用处是,在一些方面统一风格的前提下,可针对具体页面进行具体调整。这两种方式并不相排斥,而是相互结合,比如在CSS文件中定义了P标志的字体大小font-size为10pt,而在内部文档中可定义P标志字体颜色font-color为Red;而在另一个HTML文件中定义颜色为Green,从这里,你也可能明白为什么风格样式单叫层叠式样单了。
三、直接插入式
直接插入式很简单,只是在每个HTML标志后书写CSS属性就可以了。这种方式很直接,如我们想规定一个Table标志中的字为红色,字体大小为10pt,则可书写如下: