清爽大气的网站头部制作-arry老师_第1页
清爽大气的网站头部制作-arry老师_第2页
清爽大气的网站头部制作-arry老师_第3页
清爽大气的网站头部制作-arry老师_第4页
清爽大气的网站头部制作-arry老师_第5页
已阅读5页,还剩8页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、清爽大气的网站头部制作 - Arry老师潭州学院-网页制作公开课论坛: css语法一、CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明选择器: 通常是您需要改变样式的 HTML 元素h1 color:red; width:200px;font-size:14px; css 值的不同写法和单位 二、除了英文单词 red,green 还可以使用十六进制的颜色值 #ff0000 十六进制颜色值:p color: #ff0000; 为了节约字节,我们可以使用 CSS 的缩写形式p color: #FFAE00 英文单词 red:p color: red; css样式 - 空格和大小写大多数

2、样式表包含不止一条规则,而大多数规则包含不止一个声明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注释的开始使用/*,结束使用*/* 注释内容 */* 文章标题注释 */h1color:red;font-size:12px;css样式 - CSS 类选择器在 CSS 中,类选择器以

3、一个点号显示.center text-align: center.strcolor:red;font-size:12px;h1 和 p 元素都有 center 类。这意味着两者都将遵守 .center 选择器中的规则文章的标题这是段落的标签css样式 - 外部引入到样式从外部引入到样式分为两种:(注意写在head标签里面) Link样式表式: Html式: import url(css.css); css样式 - 内嵌样式/*.topwidth:985px;height:260px;background:#FFCC66;.centerwidth:985px;height:1000px;back

4、ground:#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;*/行内样式HTML标签 - 定义列表HTML标签 - 定义列表:自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 标签开始;每个自定义列表项以 开始;每个自定义列表项的定义以 开始。(定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等) 自定列表项1 列表项的定义1 自定列表项2 列表项的定义2开发工具基础学习工具:Editplus3正式开发工具:DreamWeaver 浏览器:Firefox 火狐浏览器,google浏览器,IETEST,Operavip 4.0零基础开班啦课程周期时间安排:学时:2个月每周6节课;学制:一年6期,一年制(本期课程潭州学院技术总监:Arry老师亲自带班);班级时间:项目实战班:周一至周六,每晚9点-10点正式课程

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论