网页中添加CS层叠样式表的方法.pptVIP

网页中添加CSS层叠样式表的方法 网页中添加CSS层叠样式表的方法 网页中添加CSS层叠样式表的方法 网页中添加CSS层叠样式表的方法 授课人：张慧丽 单位：昌吉学院物理系 说明 前组图片：相同的户型，不同装修风格 后组图片：相同网页主题内容，不同修饰风格 想一想：网页中主题内容的修饰有哪些方法？ 网页中添加CSS层叠样式表的方法 网页主题内容 （户型结构） HTML 网页页面修饰 （房屋装修） CSS 修 饰 网页中添加CSS层叠样式表的方法 Cascade Style Sheet层叠样式表 用来装饰HTML/XML的标记集合 W3C 1997 CSS1 ；1998/5 CSS2版本 一、CSS 概述 网页中添加CSS层叠样式表的方法 内嵌样式 链入外部样式表 导入外部样式表 内部样式表 四 说明 实例 注 统一在HTML的头部标签head中添加。 内部样式表 head style type=text/css !-- h1{ font-size:16px; background-color:blue; } -- /style /head !-- 注释内容--为了不支持CSS样式的浏览器过滤掉CSS代码。 网页中添加CSS层叠样式表的方法 type=text/css指文件的类型是样式表文本。 !-- 注释内容--作用 为了不支持CSS样式的浏览器过滤掉CSS代码。 说明 格式 注 首先外部保存一个样式表，使用link标签链接到这个样式表，同样添加在head头部标签中。 链入外部样式表 head link rel=stylesheet href=“aDefinedCSS.css type=text/css / /head 浏览器从aDefinedCSS.css文件中读取定义好的样式表，rel=stylesheet表示样式表将读取一个外部文件形式的样式表再与HTML文档结合；href=“aDefinedCSS.css是文件所在的位置； 网页中添加CSS层叠样式表的方法 REL属性用于定义链接的文件和HTML文档之间的关系。StyleSheet，的意思就是样式调用. href：Hypertext Reference的缩写。意思是超文本引用。href 属性的值可以是任何有效文档的相对或绝对 URL. 问题 格式 注 内嵌样式（body）、内部样式表（head）、外部样式表同时对一个标签对象进行修饰，样式如何选择？ 优先级问题 外部:head link rel=stylesheet href=“aDefinedCSS.css type=text/css / /head 内部：style type=text/css !-- h1{font-size:16px; background-color:blue;} -- /style 按照最靠近元素的定义来显示； 如果两个css文件冲突,以后面的为准 网页中添加CSS层叠样式表的方法 horizon666666@163.com