站長(zhǎng)資訊網(wǎng)
css代碼的位置：1、直接利用style屬性，放到html標(biāo)簽中，語(yǔ)法“<element style="css代碼">”；2、使用style標(biāo)簽把css代碼集中寫(xiě)在文檔的head頭部標(biāo)簽中，語(yǔ)法“<style>css代碼</style>”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在html中，css代碼的放置位置
1、直接利用style屬性，放到html標(biāo)簽中
基本語(yǔ)法格式如下：
<element style="value">
語(yǔ)法中style是標(biāo)簽的屬性，實(shí)際上任何HTML標(biāo)簽都擁有style屬性，用來(lái)設(shè)置行內(nèi)式。其中屬性和值的書(shū)寫(xiě)規(guī)范與CSS樣式規(guī)則相同，行內(nèi)式只對(duì)其所在的標(biāo)簽及嵌套在其中的子標(biāo)簽起作用。
建議不要使用內(nèi)聯(lián)CSS，因?yàn)槊總€(gè)HTML標(biāo)記都需要單獨(dú)設(shè)置樣式，如果您只使用內(nèi)聯(lián)CSS，管理網(wǎng)站可能會(huì)變得十分困難。但是，它在某些情況下很有用。例如，在您無(wú)法訪問(wèn)CSS文件或僅需要為單個(gè)元素應(yīng)用樣式的情況下。帶有內(nèi)聯(lián)CSS的HTML頁(yè)面示例如下所示：
Hostinger Tutorials
Something usefull here.
2、使用style標(biāo)簽把css代碼集中寫(xiě)在HTML文檔的head頭部標(biāo)簽中
基本語(yǔ)法格式如下：
<head> <style type="text/css"> css代碼 </style> </head>
語(yǔ)法中，style標(biāo)簽一般位于head標(biāo)簽中title標(biāo)簽之后，也可以把他放在HTML文檔的任何地方。
style type="text/CSS" 在html5中可以省略，寫(xiě)上也比較符合規(guī)范，所以這個(gè)地方可以寫(xiě)也可以省略。
示例：
<head> <style type="text/css"> p {color:white; font-size: 10px;} .center {display: block; margin: 0 auto;} #button-go, #button-back {border: solid 1px black;} </style> </head>
擴(kuò)展知識(shí)：
html的全稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言，包含了一系列標(biāo)簽。通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說(shuō)明文字，圖形、動(dòng)畫(huà)、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。
推薦學(xué)習(xí)：CSS視頻教程
