《Web程序设计基础》_第五讲.ppt_第1页
《Web程序设计基础》_第五讲.ppt_第2页
《Web程序设计基础》_第五讲.ppt_第3页
《Web程序设计基础》_第五讲.ppt_第4页
《Web程序设计基础》_第五讲.ppt_第5页
已阅读5页，还剩10页未读， 继续免费阅读

下载本文档

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

文档简介

第五讲CSS之体验及基本语法,Web程序设计基础课程组2010-09,2,目录,CSS的概念应用CSS到网页中样式优先级问题CSS选择器选择器的声明CSS的继承,3,1、CSS的概念,CSS（CascadingStyleSheet），中文译为层叠样式表，它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的作用是定义网页的外观（例如字体，颜色等等），它也可以和javascript等浏览器端脚本语言合作做出许多动态的效果。,4,1、CSS的概念,插入样式表前的网页（top.html）插入样式表后的网页（top.html）,5,2、应用CSS到网页中,行内样式表行内样式表直接在标签内部定义，使用style属性，写法如下：,6,2、应用CSS到网页中,内部样式表内部样式表需要在网页的部分定义，格式如下：,h2font-family:幼圆;color:red;,7,2、应用CSS到网页中,外部样式表使用外部样式表时，CSS文件与网页文件(html)是分离开来的。要让某一个网页调用一个外部CSS文件，你需要在网页的部分插入以下内容：,8,2、应用CSS到网页中,导入样式表导入样式和链接样式功能基本相同，只是语法和运作上略有区别。格式如下：,9,3、样式优先级问题,写法优先权行内、内部、外部、导入谁最优先呢？选择符优先权id、class谁优先呢？,10,3、样式优先级问题,行内样式表内部样式表外部样式表导入样式表。对于id与class而言，id的定义优先于class。,11,4、CSS选择器,标记选择器,pcolor:red;font-size:25px;,12,4、CSS选择器,类别选择器,13,4、CSS选择器,ID选择器,14,5、选择器的声明,集体声明（5-1.html）全局声明（5-2.html）选择器的嵌套（5-3.html）,15,6
人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

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

最新文档

评论

0/150

提交评论