"/> ">

首頁  >  文章  >  web前端  >  什麼是css的行內式?

什麼是css的行內式?

青灯夜游
青灯夜游原創
2019-05-31 13:08:398641瀏覽

什麼是css的行內式?

行內樣式,就是將css樣式程式碼寫在具體網頁中的一個html標籤元素內;行內樣式要在特定的HTML標記內使用,使用style屬性來設定特定HTML標記的樣式。例如:69488b5ef9e0d45b3c24d1c2c63b861416b28748ea4df4d9c2150843fecfba68

特點:

##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必須套用於每個元素。

以上是什麼是css的行內式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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