CSS技术.ppt

第八讲 css技术
教学重、难点
Dreamweaver中样式的创建、编辑及应用的具体方法。
难点
8中CSS样式设置的方法,及各属性的含义
一、css技术应用网页效果预览
二、实例制作步骤:
操作演示
三、本例css样式的语法结构分析
.rh {font-size: 9pt;//字号为9磅color: #FFFFFF;//文字颜色text-decoration: none;//无修饰}
.zr {font-size: 9pt;color: #FF6600;text-decoration: none;}
三、本例css样式的语法结构分析
.zr1 {font-size: 9pt;color: #000066;}
.z {font-size: 9pt;color: #006600;text-decoration: none;}
三、本例css样式的语法结构分析
.rk {font-size: 9pt;color: #009900;//文字颜色text-decoration: none;background-color: #FFFFFF;//背景颜色为白色height: 16px;//方框高度为16象素border: 1px solid #006600;//边框为实线,宽度为1象素,颜色代码}
三、本例css样式的语法结构分析
.k {font-size: 9pt;color: #009900;text-decoration: none;border: 1px solid #666666;}
三、本例css样式的语法结构分析
a:hover {font-size: 9pt;color: #FF6600;//超级链接的颜色text-decoration: none;
四、建立css样式的html语法总结
CSS类型包括三种:类、标签和高级。在Dreamweaver中可以轻松设定不同类型的CSS样式。
(可用于任何标签)
可作为 class 属性应用于文本范围或文本块的自定义样式。注意类名称必须以句点开头,可以包含任何字母和数字组合。如果没有输入开头的句点,Dreamweaver 将自动输入句点。