什麼是css行內式

青灯夜游原創: 2021-12-29 15:40:164614瀏覽

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

陳述：

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

上一篇：jquery中select2的用法是什麼下一篇：jquery中select2的用法是什麼

看更多