SCITc 四川信息职业技术学院 开放课程 Webpage Design 网页设计与制作 由静美丽 可思色然 四川川信息职业技术学院精品开放共享课程
S Sichuan Information Technology College 四川信息职业技术学院开枚共喜话移 中面设计与制作 单元8：DIV+CSS技术的应用 授课教师：张俊辉
单元8： DIV+CSS技术的应用 授课教师：张俊辉
SIT Sichuan Information Technology Colleg 四川信息职业技术学院并教共亨话相 中面设计与制作 重点 难点 Dreamweaverr中样式 CSS样式设置的方法， 的创建、编辑及应用的 及各属性的含义 具体方法
重点 Dreamweaver中样式 的创建、编辑及应用的 具体方法 难点 CSS样式设置的方法， 及各属性的含义
SIT Sichuan Information Technology College 四川信息职业技术学院开枚共喜话移 中面设计与制作 一、 css技术应用网页效果预览 首页■。放游百科@旅游景点令旅游渐闻游人记鞋令作思想动通页面 站内容H品 黄要斯间 →@旅游百科@+ 五一云南旅行社包机10架惠游客 旅游景点 文章来源：云南日报 旅游新闻 @￥ 为满足在五一黄金周期间我省如 游人记趣©← 的出游客流，云南假日旅行社有阳 自助旅游 希望通过本站能 公司一口气包下了10架飞机，并于附 日推出机票+酒店+自己选择游点的 “自由行”，直接让利游客。 友很盗■H +0wm.163.c0m@4 →②www.sina com@ 本站论况 用户名： 密码： www.sohu.com ·被游百科 840马 →wm.yhoo.com0 171 ：
S Sichuan Information Technology College 四川信息职业技术学院开枚共喜保稻 页设计与制作 二、实例制作步骤： 操作演示
操作演示
SIT Sichuan Information Technology College 四川信息职业技术学院开教共亨稻 页设计与制作 三、本例css样式的语法结构分析 .rh font-size:9pt;//字号为9磅 color:#FFFFFF;/文字颜色 text-decorat i on:none;/无修饰 .zr font-size:9pt; color:#FF6600; text-decoration:none;
.rh { font-size: 9pt;//字号为9磅 color: #FFFFFF;//文字颜色 text-decoration: none;//无修饰 } .zr { font-size: 9pt; color: #FF6600; text-decoration: none; }
SITC Sichuan Information Technology College 四川信息职业技术学院开枚共言话移 中面设计与制作 三、本例css样式的语法结构分析 zr1 font-size:9pt; color:#000066; } .z{ font-size:9pt; color:#006600; text-decoration:none;
.zr1 { font-size: 9pt; color: #000066; } .z { font-size: 9pt; color: #006600; text-decoration: none; }
S Sichuan Information Technology College 四川信息职业技术学院开教共喜话移 面设计与制作 三、本例css样式的语法结构分析 .rk font-size:9pt; co1or:#009900;//文字颜色 text-decoration:none; background-color:#FFFFFF;//背景颜色为白色 height:16px;//方框高度为16象素 border:1 ox solid#006600;/边框为实线，宽 度为1象素，颜色代码
.rk { font-size: 9pt; color: #009900;//文字颜色 text-decoration: none; background-color: #FFFFFF;//背景颜色为白色 height: 16px;//方框高度为16象素 border: 1px solid #006600;//边框为实线，宽 度为1象素，颜色代码 }
SIT Sichuan Information Technology College 四川信息职业技术学院开教共李话移 中面设计与制作 三、本例css样式的语法结构分析 .k{ font-size:9pt; c0|or:#009900; text-decoration:none; border:1px solid #666666;
.k { font-size: 9pt; color: #009900; text-decoration: none; border: 1px solid #666666; }
SIT Sichuan Information Technology Colleg 四川信息职业技术学院开教共言程 中面设计与制作 三、本例css样式的语法结构分析 a:hover font-size:9pt; co1or:FF6600;//超级链接的颜色 text-decoration:none;
a:hover { font-size: 9pt; color: #FF6600;//超级链接的颜色 text-decoration: none;