CSS樣式的分類有哪些

發(fā)布時(shí)間：2021-03-20 10:19:00 來(lái)源：億速云閱讀：178 作者：小新欄目：web開發(fā)

小編給大家分享一下CSS樣式的分類有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

css樣式的分類

1.內(nèi)部樣式----內(nèi)聯(lián)樣式

使用的是style標(biāo)簽

<style type="text/css">
/* 樣式 */
</style>

多學(xué)一招：把頁(yè)面的公共樣式（不多的情況下）寫在style標(biāo)簽中

2.行內(nèi)樣式

直接寫在標(biāo)簽上的style屬性中

<div style="color:red;">
    我是盒子
</div>

多學(xué)一招：通常是后臺(tái)程序員進(jìn)行修改頁(yè)面的時(shí)候使用

3.外部樣式

新建一個(gè)css文件，然后和html頁(yè)面關(guān)聯(lián)起來(lái)

a) 使用標(biāo)簽關(guān)聯(lián)

<!-- 在html的head標(biāo)簽中 -->
<link rel="stylesheet" type="text/css" href="css文件路徑">

b) 使用指令關(guān)聯(lián)

<style type="text/css">
/* 在style標(biāo)簽中 */
    @import url("css文件路徑")
</style>

多學(xué)一招：做項(xiàng)目最常用的是外部樣式，link標(biāo)簽

三種樣式表總結(jié)

CSS樣式的分類有哪些

知識(shí)點(diǎn)補(bǔ)充：CSS 樣式分類

CSS樣式可以分為三大類：內(nèi)聯(lián)樣式、內(nèi)部樣式表和外部樣式表

1.內(nèi)聯(lián)樣式（樣式寫在html標(biāo)簽里，只對(duì)該標(biāo)簽的內(nèi)容起作用）

<span style="color:red;font-size:48;">Hello World!</span>

2.內(nèi)部樣式（樣式寫在html的head標(biāo)簽之間，只對(duì)該html的內(nèi)容起作用）

<html>
    <head>  
    <title></title>
    <style type="text/css">
    body{font-size:12px}    
    </style>
    </head>
    <body></body>
</html>

3.外部樣式（樣式引用寫在head標(biāo)簽之間，對(duì)引用該css文件的網(wǎng)頁(yè)起作用）

<html>
    <head>  
    <title></title>
    <link href="common.css” rel="stylesheet" type="text/css"> 
    </head>
    <body></body>
</html>

css樣式中#表示id選擇器，.表示類選擇器

<div class="font"></div>

<div id="top"></div>在html中id是不能重復(fù)的。

以上是“CSS樣式的分類有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

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

猜你喜歡