样式表分类:(1)内部样式表(2)外部样式表 带例子讲解

本文通过实例讲解了样式表的四种类型:行内样式、内嵌样式、外部样式表和导入样式。在IE和Firefox中,样式优先级有所不同,通常以最后出现的样式为准。@import在IE中优先级较低,而<link>在Firefox中即使位于<style>之后仍具有较高优先级。
摘要由CSDN通过智能技术生成

四种样式:行内样式(style="")内嵌样式(<style></style>)链接式(<link>)和导入(@imorpt)。
我自己在ie和ff中测试了一下。感觉是以最后出现的优先级为最高,@imorpt特殊,在ie中它无论在什么位置都落后于<style></style>标签中任何其他样式。但如果<link>在<style>标签前,则优先于<link>,而在ff中就算位于<link>后一样优先级在最后。

 

下面都以是

这个例子讲解:

将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素,


样式表分类:(1)内部样式表(2)外部样式表

而内部样式表又分为内嵌式样式表和内联式样式表。

外部样式表:外部单独的css文件,如在外建立sample.css文件。

嵌入式样式表

是利用html中style标签,在嵌入到head标签内部:

eg:

第一次尝试:<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值