潭州学院网页制作公开课︰html零基础图文切换轮展效果制作.ppt

html零基础图文切换轮展效果制作 - Arry老师 潭州学院-网页制作公开课 论坛：/ css语法 一、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明 选择器: 通常是您需要改变样式的 HTML 元素 h1 {color:red; width:200px;font-size:14px;} css 值的不同写法和单位 css样式 - 空格和大小写 大多数样式表包含不止一条规则，而大多数规则包含不止一个声明 body { color: #000; background: #fff; margin: 0; padding: 0; font-family: 微软雅黑, Palatino, serif; } css样式 - 选择器的分组 对选择器进行分组，用逗号将需要分组的选择器分开 h1,h2,h3,h4,h5,h6 { color: green; } css样式 - CSS注释语法 css样式 - CSS 类选择器 在 CSS 中，类选择器以一个点号显示 .center {text-align: center} .str{color:red;font-size:12px;} h1 和 p 元素都有 center 类。这意味着两者都将遵守 .center 选择器中的规则 h1 class=center文章的标题/h1 p class=center这是段落的标签/p css样式 - 外部引入到样式 从外部引入到样式分为两种：（注意写在head标签里面） Link样式表式： link rel=”stylesheet” type=”text/css” href=”my.css”(href表示路径) Html式： style type=text/css@import url(css.css);/style css样式 - 内嵌样式 行内样式 div style=color:red;font-size:12px;/div div style=color:red;font-size:12px;/div 课程效果 开发工具 基础学习工具：Editplus3 正式开发工具：DreamWeaver 浏览器：Firefox 火狐浏览器，google浏览器，IETEST，Opera 下一期vip零基础报名开始啦 课程周期时间安排：（报名最后一天，现在报名有优惠 ！） 学时：2个月每周5节课；学制：一年6期，一年制； 班级时间： 项目实战班：周一至周五，每晚9点-10点正式课程；10点- 11点课后问题解答 基础班：每周一、三、五基础班； 课前预习 - 正式课程 - 课后作业 vip报名费用： 1280￥ 潭州学院技术总监Arry老师QQ： 910984013 * * * * 二、除了英文单词 red，green 还可以使用十六进制的颜色值 #ff0000 1 十六进制颜色值： p { color: #ff0000; } 2 为了节约字节，我们可以使用 CSS 的缩写形式 p { color: #f00 } 3 英文单词 red: p { color: red; } CSS注释的开始使用/*,结束使用*/ /* 注释内容 */ /* 文章标题注释 */ h1{color:red;font-size:12px;} !--内嵌样式-- style type=text/css /* .top{width:985px;height:260px;background:#FFCC66;} .center{width:985px;height:1000px;background:#CCCC33;} .center_lianxi{width:985px;height:50px;background:#FF6666;} .center_left{width:700px;height:950px;background:green;float:left;} .center_right{width:280px;height:950px;background:#CC99FF;} .bottom{width:985px;height:100px;background:red;} */ /style * * * *