CSS学习(三):CSS引入方式

1.内部样式表(嵌入式)

内部样式表 是写到html页面内部。是将所有的CSS代码抽取出来,单独放到一个style标签中。

<style>
    div {
        color:red;
        font-size:20px;
        text-indent:2em;
    }
</style>

个人练习经常用,开发不常用。

2.行内样式表(行内式)

行内样式表 是写到元素标签内部的style属性中设定的CSS样式,适合于修改简单样式。

<p style="color:red"> 我是红色</p>
<p style="color:pink">我是粉红色</p>

由于书写繁琐,并没有体现出结构样式分离的思想,所以不推荐大量使用。只有对当前元素添加简单样式的时候,可以考虑使用。

3.外部样式表(链接式)

实际开发都是外部样式表 ,适合于样式比较多的情况。核心是单独写到CSS文件中,之后把CSS文件引入到HTML页面中使用。

<link rel="stylesheet" href="css文件路径" />
属性 作用
rel 定义当前文档与被链接文档之间的关系,这里需要指定为”stylesheet“,表示被链接的文档是一个样式表文件。
href 定义所连接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇