Java Web应用开发 从入门到精通 课件 3.CSS_第1页
Java Web应用开发 从入门到精通 课件 3.CSS_第2页
Java Web应用开发 从入门到精通 课件 3.CSS_第3页
Java Web应用开发 从入门到精通 课件 3.CSS_第4页
Java Web应用开发 从入门到精通 课件 3.CSS_第5页
已阅读5页,还剩17页未读 继续免费阅读

下载本文档

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

文档简介

第三章:级联样式表CSS教学目标理解CSS的基本原理理解CSS的应用形式掌握CSS选择器的创建及应用方法掌握常用CSS属性的特点掌握使用Dreamweaver创建并应用CSS样式的方法12CSS属性4AgendaCSS概述CSS的应用形式CSS选择器3综合案例51CSS概述什么是CSS?CSS是级联样式表(Cascading

Style

Sheet)的首字母缩写是一套装针对HTML元素进行格式优化的规则通过CSS,你可以修改HTML元素的默认外观2CSS的应用形式(1)属性定义式即使用style属性来对一个HTML元素进行CSS的应用<xxx

style=”property

:

value”>在文件头区域定义<head></head><style>……..</style>

通过class属性指定样式名的方式来使用(2)文档头定义式(3)外部文件式指将CSS定义在一个CSS文件中,在需要应用CSS的HTML的页面中引入该CSS文件,再通过class属性来引用具体的CSS样式。

<link

rel=“stylesheet”

href=“xxx.css”

type=“text/css”>3CSS选择器CSS选择器CSS选择符可以认为是CSS效果的名称.“.btnQQ”即选择符在HTML中以class属性选择该选择符<inputname="button"type="button"class="btnQQ"value="Submit"/>HTML元素选择器HTML元素选择器是指和HTML元素标签具有相同名称的选择器。复合选择器复合选择器是针对HTML复合元素的选择器。HTML复合元素是指由一个以上具有从属关系的标签组合而成的HTML元素,或者具有多种状态的HTML元素。如<table><tr>和<td>三类标签组成。如链接,链接有普通状态(初始状态)、悬停状态(鼠标移到链接上的状态)、链接激活状态(点击但尚未跳转的状态)和点击后四种状态。id选择器id选择器是对具有指定id的HTML元素的样式选择器。类选择器类选择器则是指自定义样式名的CSS选择器,它不会自动改变任何元素的样式,只有应用才会生效4

CSS属性CSS属性属性,与HTML元素的基本属性类似,但是功能要更丰富属性值CSS属性即真正的样式,若干个{CSS属性:对应值}的键值对就组成了一个CSS综合样式。CSS常见属性更多属性可以查看/cssref/default.asp5综合案例新闻列表页面的美化

温馨提示

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

评论

0/150

提交评论