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