溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么樣使用CSS

發(fā)布時(shí)間:2022-02-24 14:34:37 來(lái)源:億速云 閱讀:118 作者:小新 欄目:web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)怎么樣使用CSS的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。

內(nèi)聯(lián)方式:樣式定義在單個(gè)的HTML元素中

內(nèi)部樣式表:樣式定義在HTML頁(yè)的頭元素中

外部樣式表:將樣式定義在一個(gè)外部的CSS文件中(.css)由HTML頁(yè)面引用樣式表文件

  1.  

  2. <!DOCTYPE html>

  3. <html>

  4. <head>

  5. <meta charset="UTF-8">

  6. <title>css樣式演示</title>

  7. <!-- 2.內(nèi)部樣式:在head元素里style標(biāo)簽里寫樣式,此樣式可以被當(dāng)前頁(yè)面上眾多元素復(fù)用 -->

  8. <style type="text/css">

  9. /*css的注釋*/

  10. h3{color:red;}

  11. </style>

  12. <!-- 3.外部樣式:在單獨(dú)的css文件中寫的樣式,哪個(gè)網(wǎng)頁(yè)引用該文件,這個(gè)網(wǎng)頁(yè)就能復(fù)用這些樣式 -->

  13. <link rel="stylesheet" href="my.css">

  14. </head>

  15. <body>

  16. <!-- 1.內(nèi)聯(lián)樣式:在元素的style屬性內(nèi)直接寫樣式,此樣式 無(wú)法復(fù)用 -->

  17. <h2 style="color: #00bcd4;">CSS</h2>

  18. <h3>CSS有三種樣式</h3>

  19. <p>1.內(nèi)聯(lián)樣式</p>

  20. <p>2.內(nèi)部樣式</p>

  21. <p>3.外部樣式</p>

  22. </body>

  23. </html>

感謝各位的閱讀!關(guān)于“怎么樣使用CSS”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI