首頁 > web前端 > 前端問答 > HTML行內式是什麼意思

HTML行內式是什麼意思

青灯夜游
發布: 2021-12-14 11:56:25
原創
3603 人瀏覽過

HTML行內式就是在特定的HTML標記內使用style屬性來設定css樣式,將css樣式程式碼寫在具體網頁中的一個html標籤元素內;語法「<標記名style="css樣式代碼">」。

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板