Rumah > Artikel > hujung hadapan web > apa itu css inline

apa itu css inline

青灯夜游asal: 2021-12-29 15:40:164692semak imbas

css sebaris merujuk kepada menggunakan atribut gaya untuk menulis kod gaya css dalam elemen teg html yang ditentukan Ia wujud sebagai teg atribut teg HTML Sintaksnya ialah "

apa itu css inline

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

css inline merujuk kepada menggunakan atribut gaya untuk menulis kod gaya css dalam elemen teg html yang ditentukan, yang wujud sebagai teg atribut teg HTML.

Sintaks:

<element style="style_definitions">

Nilai style_definitions: Untuk satu atau lebih sifat CSS dan nilai yang dipisahkan dengan koma bertitik. (Contohnya: style="color:blue;text-align:center")

Contoh:

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>css行内样式</title>
</head>
<body>
<div style="width:100px;height:100px;background:red;"></div>
</body>
</html>

apa itu css inline

Ciri css sebaris:

1), gaya sebaris diletakkan dalam elemen HTML dalam kod.

2) Apabila menggunakan gaya sebaris, gaya hanya akan mempengaruhi elemen yang anda pilih.

3), gaya sebaris tiada pemilih

Nota: Gaya sebaris yang ditakrifkan dalam HTML hanya digunakan pada teg yang ditambahkan padanya.

Adalah disyorkan untuk tidak menggunakan gaya sebaris kerana setiap teg HTML perlu digayakan secara berasingan, dan jika anda hanya menggunakan gaya sebaris, ia mungkin menjadi sangat sukar untuk mengurus tapak web. Walau bagaimanapun, ia boleh berguna dalam situasi tertentu. Contohnya, dalam situasi di mana anda tidak mempunyai akses kepada fail CSS atau anda hanya perlu menggunakan gaya pada satu elemen.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci apa itu css inline. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah kegunaan select2 dalam jqueryArtikel seterusnya：Apakah kegunaan select2 dalam jquery

Artikel berkaitan

Lihat lagi