资源描述:
《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}这是火焰的颜色
本段没有应用样式