HTML行內式是什麼意思
- 青灯夜游原創
- 2021-12-14 11:55:533575瀏覽
HTML行內式就是在特定的HTML標記內使用style屬性來設定css樣式，將css樣式程式碼寫在具體網頁中的一個html標籤元素內；語法「72710cf1ea3f525b214e1f16bb77a0c8ef0a7860bfeeafce4522bdd04a214bda」。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
HTML行內式就是在特定的HTML標記內使用style屬性來設定css樣式，將css樣式程式碼寫在具體網頁中的一個html標籤元素內
語法：
<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>
範例：
<div style="color:#f00"></div>
特點：
1）、行內樣式放在程式碼中的HTML元素中。
2）、使用行內樣式時，樣式只會影響你所選擇的元素。
3）、行內樣式沒有選擇器
附註：HTML中定義的行內樣式只適用於它們所新增的標記。
建議不要使用行內樣式，因為每個HTML標記都需要單獨設定樣式，如果您只使用行內樣式，管理網站可能會變得非常困難。但是，它在某些情況下很有用。例如，在您無法存取CSS檔案或僅需要為單一元素套用樣式的情況下。
帶有內聯CSS的HTML頁面範例如下所示：
<!DOCTYPE html>
<html>
<body style="background-color:black;">
<h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
<p style="color:white;">Something usefull here.</p>
</body>
</html>行內式的優點：
1、如果您想要測試和預覽更改，則非常有用。
2、對快速修復很有用。
3、降低HTTP請求。
行內式的缺點：
內聯CSS必須套用於每個元素。
推薦教學：《html影片教學》
以上是HTML行內式是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html文檔中id唯一嗎下一篇：html文檔中id唯一嗎