1、自定义CSS样式(类样式):使你可以将样式属性设置为任何文本范围或文本块。如:.self{color:#66ff00}
强调的一点是在样式名称前必须加“.",并且包含任何字母和数字的组合。如果你没有输入开头的句点,在Dreamweaver中将自动输入
2、HTML标签样式:重定义标签的格式。创建或更改标签的CSS样式时,所有用标签设置了格式的文本都立即更新。如:h1{font-family:Arial}
3、CSS链接样式:重定义链接有关的格式。有四种如下:
A:link 设置正常状态下链接文字的样式
A:active 设置鼠标单击时的链接文字的外观
A:visited 设置访问过的链接外观
A:hover 设置鼠标放置链接文字上文字的效果
1、直接在标签内定义,主要是在body内实现。例如:<p style="color:blue;font-size:10pt">css实例</p>。不过呢,这种方法使用比较简单、显示直观,无法发挥样式表的优势,因此不推荐使用。
2、在head里实现的css样式。这种的css一般位于html文件的头部,即<head>与</head>标签内,并且以<style>开始,以</style>结束。例如:
<html>
<head>
<style Type="text/css">
<!--
H1{font-size:x-large;color:red}
H2{font-size:large;color:blue}
-->
</style>
</head>
<body>
其中<style>与</style>直接是样式的内容,在{ }前面可以写样式的类型和名称。{ }中是样式的属性。这种方法是经常被使用的添加样式表的方法。
3、在文件外使用(也就是使用链接样式表),就是在网页中可以调用已经定义好的样式表来实现样式表的应用,它可以定义在html文件内部,也可以单独成为文件。这种方法最适合大型网站的css样式定义。
<head>
<title>文档标题</title>
<link rel=stylesheet href="http://www.dhtmlet.com/dhtmlet.css" type="text/css">
</head>
而在XML中,你应该如下例所示在声明区中加入:
<? xml-stylesheet type="text/css" href="http://www.dhtmlet.com/dhtmlet.css" ?>