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