HTML样式表.ppt

HTML样式表.ppt

ID:48562428

大小:282.50 KB

页数:20页

时间:2020-01-23

HTML样式表.ppt_第1页
HTML样式表.ppt_第2页
HTML样式表.ppt_第3页
HTML样式表.ppt_第4页
HTML样式表.ppt_第5页
资源描述:

《HTML样式表.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、样式表第六章回顾识别Dreamweaver工作区的不同组件使用Dreamweaver设计网页使用表格创建层使用表单在网页上应用多媒体2目标了解DHTML样式表什么是样式表为什么要使用样式表样式表的语法规则创建并使用样式表3DHTML简介什么是DHTMLDHTML是一个用动态内容描述HTML页面的术语,它包括HTML、CSS和JavaScript技术,这三种技术通过文档对象模型(DOM)融合在一起。使用DHTML技术,在客户端就可以动态地操纵数据或改变页面内容,产生动态效果,还可以达到一定的与用户交互的效果。4

2、DHTML的功能动态样式动态内容定位绝对位置相对位置数据绑定可下载字体脚本对象结构5样式表简介什么是样式表用于描述文档如何在屏幕上显示W3C推荐的样式表标准包括CSS和XSLCSS主要用于HTMLXSL主要用于XMLCSS是一种用来装饰HTML的标记集合,是对HTML标记的一种扩展,可以进一步美化HTML页面6样式表的作用覆盖浏览器页面布局可以重用多个文档可以链接到一个样式表7样式表规则样式规则样式表规则用法:RuleSelector{property:value;property:value;...}规则选

3、择器声明属性属性值8样式表中的选择器简单选择器(仅描述元素,而不考虑该元素在文档结构中的位置)HTML选择器--选择器是HTML标记的名称类选择器—使用HTML元素的CLASS属性ID选择器—使用HTML元素的ID属性上下文选择器(引用元素的上下文)9HTML选择器示例P{font-style:italic;font-weight:bold;color:limegreen}

这些选择器使用HTML

4、元素的名称唯一的区别是删除了尖括号。

HTML选择器示例10类选择器示例.water{color:blue}.danger{color:red}测试水

测试危险

无样式


斜体类选择器示例11ID选择器示例

5、ML>ID选择器#control{color:red}这是火焰的颜色


本段没有应用样式

ID选择器示例12上下文选择器示例上下文选择器BODY{color:blue;background:lavender

6、;font-family:Arial;}UL{color:red}

  • 芒果
  • 桔子
  • 苹果
  1. 芒果
  2. 桔子
  3. 苹果
上下文选择器示例13在HTML中引用样式表Style元素Style属性Link元素14使用Style元素STYLE元素应插入文档的元素部分中,所有规则都放置在开始标记和结束标记之间。显示页面时,只有嵌入了STYLE元素的文档会受到影响

7、ext/css">H1{color:maroon;}P{color:hotpink;font-family:Arial;}@import'sheet1.css'导入外部样式表15使用Style属性--内嵌样式表style属性用于将样式表应用于单个元素。直接将在HTML标记里加入style参数,而style参数的内容就是CSS的属性和值。样式表可以只有一条规则。使用Style属性,可以绕过Style元素,而将声明直接放入单个的开始标记中

8、。设置属性本段应用了内嵌样式

本段以默认样式显示。

您能发现本行中的不同之处吗?16使用Link元素--链入外部样式表链入外部样式

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。