CSS样式学习_1

1、CSS样式的优先级

使用级联样式表 (CSS) 可控制网页的外观。使用 CSS,可以精确定位网页上的元素,并且可以设置这些元素的外观。

CSS 相对于网页可以是外部、内部或嵌入式的,而一个网页也可以同时使用这些类型的 CSS 中的一种或多种。

通常,这三种 CSS 中定义的样式所具有的优先级如下:

嵌入式 CSS 中定义的样式优先级最高,

内部 CSS 中定义的样式优先级次之,

外部 CSS 中定义的样式优先级最低。

(1)外部CSS样式

当需要对网站中的部分或所有网页统一应用相同的样式时,可使用外部样式表。通过在一个或多个外部样式表中定义样式并将它们应用到网页中,可以确保整个网站具有统一的外观。如果您决定更改某个样式,只需要在外部 CSS 中进行一次更改,所做的更改会自动反映到引用该样式和 CSS 的所有网页中。

外部 CSS 包含在 .css 文件中,例如 global.css。外部 CSS 的语法与内部 CSS(请参阅本主题下一部分中的示例)相同,唯一的差别是不需要在外部 CSS 中定义的样式前后加上 <style> 标记。

(2)内部CSS

当只需要为当前网页定义样式或者需要替代附加到当前网页的外部 CSS 中定义的样式时,可使用内部 CSS(有时称为“内嵌 CSS”)。

内部 CSS 包含在网页的 <head> 标记中。

<style type="text/css">
li {
    position:absolute;
}
</style> 
(3)级联CSS

当需要向网页上的各个元素应用级联样式表属性,且不需要重复使用该样式时,可使用嵌入式样式。嵌入式样式在网页中的 HTML 元素的开始标记内定义。

<p style="border:1px;solid;red;">mao</p>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值