溫馨提示×

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

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

css樣式說明介紹

發(fā)布時(shí)間:2020-08-06 17:53:14 來源:ITPUB博客 閱讀:215 作者:安全劍客 欄目:web開發(fā)
為了讓網(wǎng)頁(yè)元素的樣式更加豐富,也為了讓網(wǎng)頁(yè)的內(nèi)容和樣式能拆分開,CSS由此思想而誕生,CSS是 Cascading Style Sheets 的首字母縮寫,意思是層疊樣式表。有了CSS,html中大部分表現(xiàn)樣式的標(biāo)簽就廢棄不用了,html只負(fù)責(zé)文檔的結(jié)構(gòu)和內(nèi)容,表現(xiàn)形式完全交給CSS,html文檔變得更加簡(jiǎn)潔。
css基本語(yǔ)法

css的定義方法是:

選擇器 { 屬性:值; 屬性:值; 屬性:值;}

選擇器是將樣式和頁(yè)面元素關(guān)聯(lián)起來的名稱,屬性是希望設(shè)置的樣式屬性,每個(gè)屬性有一個(gè)或多個(gè)值。屬性和值之間用冒號(hào),一個(gè)屬性和值與下一個(gè)屬性和值之間用分號(hào),最后一個(gè)分號(hào)可以省略,代碼示例:

 div{ 
    width:100px; 
    height:100px; 
    background:gold; 
}
css引入方式

css引入頁(yè)面的方式有三種:

1、內(nèi)聯(lián)式:通過標(biāo)簽的style屬性,在標(biāo)簽上直接寫樣式。

 <div style="width:100px; height:100px; background:red ">......</div>

2、嵌入式:通過style標(biāo)簽,在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。

 <style type="text/css">
    div{ width:100px; height:100px; background:red }
    ......
</style>

3、外鏈?zhǔn)剑和ㄟ^link標(biāo)簽,鏈接外部樣式文件到頁(yè)面中。

 <link rel="stylesheet" type="text/css" href="css/main.css">

轉(zhuǎn)載鏈接: https://www.linuxprobe.com/css-js-sm.html

向AI問一下細(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)容。

AI