Css基本屬性是什么

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

這篇文章給大家分享的是有關(guān)Css基本屬性是什么的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來(lái)看看吧。

一、標(biāo)簽屬性與樣式

1、網(wǎng)頁(yè)內(nèi)容根據(jù)想要在作用選擇對(duì)應(yīng)在標(biāo)簽

2、找到對(duì)應(yīng)在標(biāo)簽，敲空格看提示，選擇對(duì)應(yīng)在單詞（或style）來(lái)描述該標(biāo)簽。

直接能夠敲的出來(lái)我們成為屬性（attribute），類似于字體在color等。

敲不出來(lái)的，稱為細(xì)節(jié)，確切的說叫樣式Style。

<font size="+1" style="font-size:10px;">重蔚自留地</font>

TIPS：樣式比屬性更能精確、多樣的控制標(biāo)簽的表現(xiàn)形式

二、CSS介紹：

Cascading [Kæs'ke?d??] Style Sheet，層疊樣式表。

三、選擇器：

1、標(biāo)簽選擇器

控制對(duì)應(yīng)的標(biāo)簽，通過標(biāo)簽的關(guān)鍵字。

/* 標(biāo)簽選擇器 */

font{

color:red;

font-size:20px;

font-family:"華文行楷";

}

</style>

TIPS：所有對(duì)應(yīng)的標(biāo)簽都會(huì)生效，其中某些不想生效，還需要使用

2、類（class）選擇器

/* 類選擇器，先以.選擇器名定義，然后使用該定義在標(biāo)簽加上class="定義類選擇器名" */

.c1{

color:red;

font-size:20px;

}

.c2{

color:blue;

font-size:30px;

}

</style>

3、ID選擇器

/* ID選擇器，以#選擇器名定義,對(duì)應(yīng)的標(biāo)簽通過ID來(lái)調(diào)用 */

#c1{

color:green;

font-size:18px;

}

</style>

TIPS：建議ID選擇器盡量不要重復(fù)使用；盡享減少ID選擇器的定義和使用，避免和代碼沖突。

四、CSS使用方式

1、行內(nèi)：找到對(duì)應(yīng)的標(biāo)簽，通過style=”描述;”

2、內(nèi)嵌：通過<style></style>潛入到<head></head>中

3、外鏈：先寫內(nèi)嵌，然后內(nèi)嵌的樣式代碼除了<style></style>以外，全部剪切到單獨(dú)的CSS文件中（命名要和對(duì)應(yīng)的前臺(tái)頁(yè)面一致），前臺(tái)頁(yè)面刪除<style></style>在<head></head>中寫<link href=”地址” rel=”stylesheet”>。

TIPS:

1、外間文件中，可以@charset “gbk”

五、CSS優(yōu)先級(jí)：

1、屬性和樣式，樣式優(yōu)先；

2、行內(nèi)>內(nèi)嵌>外鏈

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

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

Css基本屬性是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽