HTML行內式是什麼意思

青灯夜游原創: 2021-12-14 11:55:533602瀏覽

HTML行內式就是在特定的HTML標記內使用style屬性來設定css樣式，將css樣式程式碼寫在具體網頁中的一個html標籤元素內；語法「72710cf1ea3f525b214e1f16bb77a0c8ef0a7860bfeeafce4522bdd04a214bda」。

HTML行內式是什麼意思

本教學操作環境：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中文網其他相關文章！

html5 css css3 html 选择器 http

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html文檔中id唯一嗎下一篇：html文檔中id唯一嗎

看更多