图4-1 Microsoft主页的文字链接动态效果
在<head> 与</head>多了如下内容 <style type=text/css> a:link {color:#003399} a:visited{color:#800080} a:hover {color:#FF3300} </style>
Dreamweaver 2004中
注意: CSS样式面板只显示自定义CSS样式,
<可略> (重定义HTML标签 <2004中不用>)和( 式 )并不出现在CSS样式面板中。
CSS选择器样
4.2.4
定义CSS样式
定义CSS样式,即创建一个CSS样式表。 可分为新建样式的类型选择与CSS样式定义两个阶段。
边框、列表、定位、扩展
类型: 字体 大小 样式:正常、斜体、偏斜体 行高 修饰:下划线、上划线、删除线、文本闪烁 粗细: 变量:选取字体的变体 大小写: 颜色:
背景:背景色或背景图片的设置
区块:页面上的文字段落或图片放置位置的设置
盒子(方框):定义控制页面元素位置的设置 边框:设置页面元素的边框 列表:定义样式中列表的设置(项目符号) 定位:参数中设置层的默认标签,将选取文本的
2. CSS样式的语法
CSS样式表的句法如下: HTML标签{标签属性:属性值;标签属性:属性 值;标签属性:属性值;...} 例1:P{font-family: „宋体’; font-size:9pt;color:blue} 说明
HTML标签:标签不带尖括号,如P不能协作<P>。 “标签属性:属性值”:对属性值之间用分号隔开。 凡属性名为两个或两个以上的单词构成时,单词之间 以 “ -” 隔 开 , 如 背 景 颜 色 属 性 写 为 “ backgroundcolor”