高级网页设计高级网页设计_第1页
高级网页设计高级网页设计_第2页
高级网页设计高级网页设计_第3页
高级网页设计高级网页设计_第4页
高级网页设计高级网页设计_第5页
已阅读5页，还剩19页未读， 继续免费阅读

下载本文档

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

文档简介

实验五高级网页设计孙晓燕

2013.5CSS样式表CSS是Cascading

Style

Sheet的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式的类型自定义css规则Html标签规则Css选择器样式CSS样式面板“窗口”|”CSS样式”组合键:Shift+f11面板中的主要功能按钮附加样式表新建样式表编辑选中的样式表删除选中的样式表从CSS样式模板中创建CSS样式表文件

“文件”|”新建”,打开”新建文档”对话框,在”类别”中选择”CSS样式表”

类别,在中间的”CSS样式表”栏中选择

需要的样式,右侧是样式表预览图.

单击”创建”按钮,新建了一个CSS样式表文件.新建的CSS样式表文件只有”代码”视图.编辑样式表文件后,”保存”文件.附加外部的样式表

“链接”:网页与样式表文件的关系是链接关系,不将样式表的信息导入网页中.

“导入”:将外部样式表文件的信息导入到当前文档中.在CSS样式面板中创建CSS样式表文件

在”CSS样式面板”中,单击”新建”按钮,打开”新建CSS规则”对话框.选择器类型类:CSS样式可应用到网页中任何范围或任何文本区域中.标签:标签样式将重新定义HTML高级:CSS样式选择器将重新定义一些标签的特定格式或包含特性属性的所有标签的格式.名称–

“类”命名:以英文或数字命名,名称前加”.”,例如”.css1”“标签”命名:可以通过点击下拉列表按钮选择需要的标签代码.“高级”命名:输入带”#”的CSS样式标签或点击下拉列表按钮选择设置超链接的

样式.定义在“新建样式表文件”:定义的是外部样式表文件“仅对该文档”:定义的是内嵌式样式表和内联式样式表,不需要保存外部的CSS文

件应用CSS样式

打开需要链接CSS样式的文档,选中文字或图片等网页元素.执行以下操作:在属性检查器中的”样式”下拉列表选择样式在CSS样式面板中,右键单击要应用的样式名称,在弹出的快捷菜单中选择”套用”.

取消样式的应用,只需要选择已应用样式的文本,在属性检查器中的”样式”下拉列表选择”无”即可.实例如梦令李清照昨夜雨疏风骤，浓睡不消残酒。试问卷帘人，

却道海棠依旧。知否、知否？

应是绿肥红瘦。段落设置设置段间距margin

首行缩进text-indent(区块).em是相对长度单位,相对于当前对象内文本的字体尺

寸。设置行间距line-height(类型)字体font-family(类型)大小font-size(类型)<p

class="first">第1段文字是绿色</p><p

class="second">第2段文字是紫色</p><p

class="third">第3段文字是灰色</p>#green{color:green;}<h1

id=“green”>一级标题是绿色</h1><p

id=“green”>本段文字是绿色</p>img

{float:

left;}段落宽度实例

/ReadNews.asp?N

ewsID=2629专题网站

人人文库> 全部分类> 图纸下载 > 毕业设计

温馨提示

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

最新文档

评论

0/150

提交评论