css行內式指的是使用style屬性將css樣式程式碼寫在指定的html標籤元素內,作為HTML標籤的屬性標記存在,語法「
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css行內式指的是使用style屬性將css樣式程式碼寫在指定的html標籤元素內,作為HTML標籤的屬性標記存在。
語法:
<element style="style_definitions">
值style_definitions:用於一個或多個由分號分隔的 CSS 屬性和值。 (例如: style="color:blue;text-align:center"
)
範例:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>css行内样式</title> </head> <body> <div style="width:100px;height:100px;background:red;"></div> </body> </html>
css行內式的特點:
1)、行內樣式放在程式碼中的HTML元素中。
2)、使用行內樣式時,樣式只會影響你所選擇的元素。
3)、行內樣式沒有選擇器
附註:HTML中定義的行內樣式只適用於它們所新增的標記。
建議不要使用行內樣式,因為每個HTML標記都需要單獨設定樣式,如果您只使用行內樣式,管理網站可能會變得非常困難。但是,它在某些情況下很有用。例如,在您無法存取CSS檔案或僅需要為單一元素套用樣式的情況下。
(學習影片分享:css影片教學)
以上是什麼是css行內式的詳細內容。更多資訊請關注PHP中文網其他相關文章!