网页制作教程-样式与css_第1页
网页制作教程-样式与css_第2页
网页制作教程-样式与css_第3页
网页制作教程-样式与css_第4页
网页制作教程-样式与css_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

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

文档简介

临沂市河东区职业中等专业学校网页制作基础教程——DreamweaverCS6样式与CSS知识准备一、什么是“样式”？1、样式：样式表也称样式，是目前网页制作中普遍使用的一项技术，它通过设置HTML代码标签来实现对网页文本的字体、颜色、填充、边距和字间距等进行格式操作。2、作用：（1）使用样式表自定义文本样式风格；（2）固定网页中的文字大小。二、CSSCSS是CascadingStyleSheets（层叠样式表单）的简称。对于设计者来说它是一个非常灵活的工具，它允许设计者在HTML文档中加入样式，不但不必再把繁杂的样式定义编写在文档结构中，而且可以将所有关于文档的样式指定内容全部脱离出来，在行内定义，在标题中定义，甚至作为外部样式文件供HTML调用。CSS是当前网页设计中不可缺少的技术。学习要点使用CSS设置行间距01使用CSS去掉文本超链接下画线02使用CSS滤镜处理图片03使用CSS设置行间距011.新建CSS规则2.应用“.hangjv”样式3.套用“.hangjv”样式使用CSS去掉文本超链接下画线02在“新建CSS规则”对话框中，选择器类型选择“复合内容（基于选择的内容）”，单击“选择器名称”右边下拉框的

，在下拉选项中选择“a:link”，单击“确定”按钮。选择“a:hover”，表示鼠标指向链接时的效果；选择“a:active”，表示链接激活时的效果；选择“a:visited”，表示已点击过的链接效果。在“a:link的CSS样式定义”对话框中，选择“none”（也就是无），单击“确定”按钮。此时，可以发现热区文字下的下划线已经消失。使用CSS滤镜处理图片031、alpha滤镜（1）新建CSS规则（2）设置alpha滤镜参数（3）保存网页，在浏览器中预览2、Wave滤镜（1）新建CSS规则（2）设置wave滤镜参数（3）保存网页，在浏览器中预览使用CSS小结一、使用CSS设置行间距二、使用CSS去掉文本超链接下画线三、使用C

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论