JavaScript程序设计(第2版)03.使用样式

JavaScript程序设计(第2版)03.使用样式JavaScript程序设计(第2版)03.使用样式　　用标记将样式表嵌入在HTML文件的头部。标记的属性type指明样式的类别，除了CSS样式表外，还有Netscape浏览器使用的JSS〔JavaScriptStyleSheets，Java脚本样式表〕样式表，其样式类别为text/javascript；type的默认值为text/css。标记内定义的前后加上注释符的作用是使不支持CSS的浏览器忽略样式表的定义。嵌入样式表的作用范围是在本HTML文件内。嵌入样式表链接外部样式表如果多个HTML文件要共享样式表，可以...

JavaScript程序设计(第2版)03.使用样式　　用标记之间，用CSS样式表的＠import声明引入外部样式表。格式为：例如，应用＠import声明引入外部样式表，代码如下：@importURL("style1.css");引入外部样式表的使用方式与链接到外部样式表很相似，都是将样式定义保存为单独文件。两者的本质区别是：引入方式在浏览器下载HTML文件时将样式文件的全部内容拷贝到＠import关键字位置，以替换该关键字；而链接到外部的样式表方式仅在HTML文件需要引用CSS样式文件中的某个样式时，浏览器才链接样式文件，读取需要的内容并不进行替换。内嵌样式这种方式是在HTML标记中，将定义的样式规那么作为标记style属性的属性值。样式定义的作用范围仅限于此标记范围之内。一个内嵌样式的应用如下：要在一个HTML文件中使用内联样式，必须在该文件的头部对整个文件进行单独的样式表语言声明，声明如下：内嵌样式主要应用于样式仅适用于单个页面元素的情况。它将样式和要展示的内容混在一起，自然会失去一些样式表的优点。所以建议这种方式应尽量少用。CSS样式的优先级当对同一段文本应用多个层叠样式表样式时，文本中的元素将遵循样式表的作用优先顺序依次调用样式。样式表的作用优先顺序遵循以下原那么：内联样式中所定义样式的优先级最高。其他样式按其在HTML文件中出现或者被引用的顺序，遵循就近原那么，靠近文本越近的优先级越高。选择符的作用优先顺序为：上下文选择符、类选择符、ID选择符，优先级依次降低。未在任何文件中定义的样式，将遵循浏览器的默认样式。依照以上原那么对下面的例如进行分析。代码中针对

标记定义了3个样式表，标记包含3个

标记。第1个

标记根据原那么1、2条，套用的样式值为：“color：#6699FF〞，“font-size：16px〞，“text-align：center〞。样式表定义的类选择器p.class1，只有class属性为class1的

标记才使用，第2个

标记套用的样式值为：“color：green〞，“font-size：12px〞，“text-align：center〞。第3个

标记中不含有class和style属性，套用的样式值为：“color：red〞，“font-size：16px〞，“text-align：center〞。程序代码如下。p{color:red;font-size:24px;}p.class1{color:green;font-size:12px;}p{font-size:16px;text-align:center;}第一段文字

第二段文字

第三段文字

样式表的作用顺序是较为复杂的，特别是同时引用多个样式文件时，应十分注意。如果希望一个属性的值不被其他样式定义中相同的属性所定义的值覆盖，可用特定参数!import，如将上例第一个p样式定义为：p{color:red;font-size:24px!import;}那么浏览器显示的“第一段文字〞、“第二段文字〞、“第三段文字〞的字号都为24px。

                    本文档为【JavaScript程序设计(第2版)03.使用样式】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

JavaScript程序设计(第2版)03.使用样式

你可能还喜欢