css可以放的位置有哪些

發(fā)布時間：2021-04-09 10:58:08 來源：億速云閱讀：171 作者：小新欄目：web開發(fā)

這篇文章主要介紹了css可以放的位置有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

css可以放的位置有三種，分別是：1、放在元素標簽的style屬性中，僅對當前元素有效；2、放在當前頁面頭部的head標簽的style標簽中，僅對當前頁面所有元素有效；3、放在獨立的CSS文件中，對所有引入該文件的頁面均有效。

css代碼可以放哪里？

1，寫在元素標簽的style屬性中，僅對當前元素有效；

2，寫在當前頁面頭部的head標簽的style標簽中，僅對當前頁面所有元素有效；

3，寫在獨立的CSS文件中，在head標簽中使用<link>標簽引用；對所有引入該文件的頁面均有效。

下面我們用例子來一一說明：

寫在元素標簽的style屬性中：

<p style="color:red;">abc</p>

寫在當前頁面頭部的標簽中：

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        p{
            text-align: center;
        }
    </style>
</head>

寫在獨立的CSS文件中，使用<link>標簽引用：

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="Untitled-1.css">
</head>

下面是CSS獨立文件中的內(nèi)容：

p{
    color: red;
}

感謝你能夠認真閱讀完這篇文章，希望小編分享的“css可以放的位置有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

向AI問一下細節(jié)

猜你喜歡