首頁 > web前端 > 前端問答 > 什麼是css行內式

什麼是css行內式

青灯夜游
發布: 2021-12-29 15:40:16
原創
4733 人瀏覽過

css行內式指的是使用style屬性將css樣式程式碼寫在指定的html標籤元素內,作為HTML標籤的屬性標記存在,語法「

什麼是css行內式

本教學操作環境: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行內式

css行內式的特點:

1)、行內樣式放在程式碼中的HTML元素中。

2)、使用行內樣式時,樣式只會影響你所選擇的元素。

3)、行內樣式沒有選擇器

附註:HTML中定義的行內樣式只適用於它們所新增的標記。

建議不要使用行內樣式,因為每個HTML標記都需要單獨設定樣式,如果您只使用行內樣式,管理網站可能會變得非常困難。但是,它在某些情況下很有用。例如,在您無法存取CSS檔案或僅需要為單一元素套用樣式的情況下。

(學習影片分享:css影片教學

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

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