溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html中css代碼可以放在哪里，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
在html中，css代碼可以直接利用style屬性，放到html標簽中，語法“<標簽名 style="屬性名:屬性值;>內容</標簽名>”；也可以使用style標簽把css代碼集中寫在HTML文檔的head頭部標簽中。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在html中，css代碼的放置位置
1、直接利用style屬性，放到html標簽中
基本語法格式如下：
<標簽名 style="屬性名1:屬性值1;屬性名2:屬性值2;屬性名3:屬性值3;"....> 內容</標簽名>
語法中style是標簽的屬性，實際上任何HTML標簽都擁有style屬性，用來設置行內式。其中屬性和值的書寫規范與CSS樣式規則相同，行內式只對其所在的標簽及嵌套在其中的子標簽起作用。
建議不要使用內聯CSS，因為每個HTML標記都需要單獨設置樣式，如果您只使用內聯CSS，管理網站可能會變得十分困難。但是，它在某些情況下很有用。例如，在您無法訪問CSS文件或僅需要為單個元素應用樣式的情況下。帶有內聯CSS的HTML頁面示例如下所示：
<!DOCTYPE html> <html> <body style="background-color:black;"> <h2 style="color:white;padding:30px;">Hostinger Tutorials</h2> <p style="color:white;">Something usefull here.</p> </body> </html>
2、使用style標簽把css代碼集中寫在HTML文檔的head頭部標簽中
基本語法格式如下：
<head>
<style type="text/CSS">
選擇器 {屬性名1:屬性值1;屬性名2:屬性值2;屬性名3:屬性值3;....}
</style>
</head>語法中，style標簽一般位于head標簽中title標簽之后，也可以把他放在HTML文檔的任何地方。
type="text/CSS" 在html5中可以省略， 寫上也比較符合規范， 所以這個地方可以寫也可以省略。
示例：
<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>html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。
以上是“html中css代碼可以放在哪里”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
