html零基础网站产品页面的图文布局arry老师_第1页
html零基础网站产品页面的图文布局arry老师_第2页
html零基础网站产品页面的图文布局arry老师_第3页
html零基础网站产品页面的图文布局arry老师_第4页
html零基础网站产品页面的图文布局arry老师_第5页
已阅读5页,还剩8页未读 继续免费阅读

下载本文档

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

文档简介

1、html零基础网站产品页面的图文布局潭州学院-网页制作公开课论坛: 无序列表 - html基础标签 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 标签。每个列表项始于 css语法一、CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明选择器: 通常是您需要改变样式的 HTML 元素h1 color:red; width:200px;font-size:14px; css 值的不同写法和单位 二、除了英文单词 red,green 还可以使用十六进制的颜色值 #ff0000 十六进制颜色值:p color: #ff0000; 为了节约字节,我们可

2、以使用 CSS 的缩写形式p color: #f00 英文单词 red:p color: red; 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注释的开始使用/*,结束使用*/* 注释内容 */

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

4、ight: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;*/行内样式开发工具基础学习工具:Editplus3正式开发工具:DreamWeaver 浏览器:Firefox 火狐浏览器,google浏览器,IETEST,Opera课程视频下载地址: 下一期vip零基础报名开始啦课程周期时间安排:(开课时间12月1日,现在报名有优惠 !)学时:2个月每周5节课;学制:一年6期,一年制;班级时间:项目实战班:周一至周五,每晚9点-10点正式课程;10

温馨提示

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

评论

0/150

提交评论