CSS的引入方式

時間 2019-12-19

標籤 css 引入方式欄目 CSS 简体版

原文原文鏈接

CSS又叫作樣式層疊表，它是來給HTML打扮的，也就是給HTML穿上個花裏花俏的衣服。css

CSS的引入

在HTML中CSS總共有三種引入方式html

行內樣式

利用元素的style屬性，標籤也叫元素。code

<p style="color:red;">
    這段文字是紅色的
</p>

內聯樣式

利用style標籤，寫在head標籤裏htm

<!doctype html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8">
        <style>
            p{
                color: red;
            }
            div{
                color: blue;
            }
        </style>
    </head>
    <body>
        <p>
            我是紅色的
        </p>
        <div>
            我是藍色的
        </div>
    </body>
</html>

外聯樣式

在外部創建一個css文件，好比Index.css，而後引用它utf-8

<!doctype html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8">
         <link rel="stylesheet" type="text/css" href="./index.css">
    </head>
    <body>
        <p>
            我是紅色的
        </p>
        <div>
            我是藍色的
        </div>
    </body>
</html>

如下是Index.css文件的內容it

p{
    color: red;
}
div{
    color: blue;
}

推薦使用外聯樣式class

CSS的寫法

相信聰明的你，已經從上面猜到CSS的基本語法了meta

選擇器{
    屬性1：值;
    屬性2：值;
}

CSS的註釋

/*
寫在這裏面的都是CSS的註釋

*/

1. CSS引入方式
2. 5.CSS的引入方式
3. CSS的引入方式
4. 01-css的引入方式
5. CSS系列：CSS的引入方式
6. css（一）：css的四種引入方式
7. CSS 三種引入方式
8. css樣式的引入方式
9. css樣式的三種引入方式
10. css樣式的幾種引入方式
更多相關文章...
• Spring DI（依賴注入）的實現方式：屬性注入和構造注入 - Spring教程
• Maven 引入外部依賴 - Maven教程
• 常用的分佈式事務解決方案
• YAML 入門教程

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。