《网页设计》完整课件 网页设计.ppt

3、属性与属性值之间用分号“；”分开。HTML标记{标记属性:属性值;标记属性:属性值;标记属性:属性值;标记属性:属性值;....}。CSS的语法注意在CSS中属性名称的写法：凡属性名由两个或两个以上的单词构成时，单词之间用“-”号隔开，例如，背景颜色属性应书写为：background-color，字体大小：font-size，文字下划线：text-decoration，等。（而在脚本语言中的书写规定是第二个或第二个以上的单词用连写且第一个字母大写来表示：例如backgroundColor，fontSize，textDecoration等。）请注意区别

4、！下面是一段比较典型的CSS代码：p{font-family:“宋体”;font-size:9pt;line-height:12pt;color:#000000}td{font-family:“楷体＿GB2312”;font-size:20pt;font-style:italic;font-weight:800;text-decoration:blink;color:#000000}a:hover{background-color:#ffccff;color:#ff6666;text-decoration:underline;float:left}a

5、:link{color:#ff33ff;text-decoration:none}a:visited{color:#6600ff;text-decoration:none}a:active{color:green;text-decoration:none;background-color:#ffccff;float:right}这段代码共有6段，分别实现两种功能：前两行的格式分别为p{……}和td{……}，作用是对网页中文字的字体、大小、颜色等进行设置。后4行均是a:命令词{……}的格式，是对超级链接文本的控制。下面分别解释这6段CSS代码：1）、第

6、一段p{……}中的【font-family:“宋体”】:指定网页文字的字体。【font-size:9pt】:指定网页文字的字号的大小，pt是表示文字大小的单位。【line-height:12pt】:指定行与行的垂直距离，即行高。【color:#000000】:指定网页的颜色，#000000代表黑色，为十六进制数。第二段td{……}中的设置是对网页表格里的文字进行控制。2）、链接文本的变化控制（例中的后4行）第三段：a:hover{background-color:#ffccff;color:#ff6666;text-decoration:underl

7、ine;float:left}（hover表示鼠标指针指向链接文字时，链接文字的背景颜色为#ffccff，前景颜色为#ff6666，链接显示下划线，文字向左浮动）。第四段：a:link{color:#ff33ff;text-decoration:none}（link表示链接未被访问时，链接颜色为#ff33ff，链接无下划线）。第五段：a:visited{color:#6600ff;text-decoration:none}（visited表示链接被访问后，链接的颜色为#6600ff，链接无下划线）。第六段：a:active{color:green;t

8、ext-decoration:none;background-color:#ffccff;float:rig