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

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