HTML行內式就是在特定的HTML標記內使用style屬性來設定css樣式,將css樣式程式碼寫在具體網頁中的一個html標籤元素內;語法「<標記名style="css樣式代碼">標記名>」。
本教學操作環境: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中文網其他相關文章!