网站建设官网

<!..下面的标题3中使用了行内样式,其优先级别高于导入的外部样式表一> <h3 style="font-size:13pt; font-weight:bold;color:#666;text-align:center">超薄超值款</hl> <p class="author">发布:乐天之星</p> <p class="img"><img src="images/phone.jpg"/></p> <p class="content">超级商务手机电量。</p> <!..下面的段落中使用了行内样式,其优先级别高于导入的外部样式表一> <p style="color:purple">购买美亚手机不胜枚举。</p> </body> </html>CSS文件名为extstyle.css,存放在文件夹style中,代码如下: h3 {font_size:30pt;font-weight:bold;color:purple; text-align:center) p{font-size:llpt; color:black;text-indent:2em)产定义段落文字llpt,黑色,文本缩进两个字符+/ p.author {color:blue;text-align:right) 产定义作者文字蓝色、右对齐+/ p.img {text-align:center} /+定义图像居中对齐+/ p.content {color:blue) p定义内容文字蓝色4/ p.note {color:green;text-align:left) /+定义注释文字绿色、左对齐4/ .bgcolor{background:blue) 严定义类,背景为蓝色+/案例说明①虽然导入的外部样式表文件(如extstyle.css)中包含.bg{background:blue),但结果不是蓝色的背景,依然是浅灰色的背景,因为内部样式表的优先级高于前面导入的外部样式表。 ②被@import导入的样式表的顺序决定它们如何层叠,在不同规则中出现的相同元素由排在后面的规则决定。例如,本例<h3 class="bgcolor">美亚手机限时促销<m3>中文字的背景色由行内样式.bgcolor决定。