Perbezaan antara css sebaris dan terbenam-tutorial css-php.cn

Perbezaan antara css sebaris dan terbenam

下次还敢

Lepaskan： 2024-04-25 17:57:18

asal

1114 orang telah melayarinya

Perbezaan antara CSS sebaris dan sebaris ialah peletakannya: CSS sebaris dimasukkan terus ke dalam elemen HTML, manakala CSS sebaris adalah dalam elemen CSS sebaris hanya berfungsi pada elemen tertentu dan mempunyai keutamaan tertinggi, tetapi CSS sebaris lebih sukar digunakan untuk semua elemen padanan dan mempunyai keutamaan yang lebih rendah daripada CSS luaran, tetapi lebih mudah untuk diselenggara.

Perbezaan antara css sebaris dan terbenam

Perbezaan antara CSS sebaris dan terbenam

CSS (Cascading Style Sheets) digunakan untuk menggayakan dokumen HTML dan dibahagikan kepada tiga jenis: luaran, sebaris dan terbenam. Kedua-dua gaya sebaris dan terbenam menulis gaya CSS terus ke dalam kod HTML, tetapi ia berbeza dalam peletakan.

CSS Sebaris

CSS Sebaris menggunakan gaya terus pada elemen HTML individu. Ia menggunakan atribut gaya untuk memasukkan peraturan gaya ke dalam teg pembukaan elemen HTML.

Contoh:

<code class="html"><p style="color: red; font-size: 14px;">这是内联样式</p></code>

Salin selepas log masuk

CSS sebaris

CSS sebaris memasukkan peraturan gaya ke dalam elemen Elemen ini mesti diletakkan di dalam elemen

Contoh:

<code class="html"><head>
  <style>
    p {
      color: red;
      font-size: 14px;
    }
  </style>
</head>
<body>
  <p>这是内嵌样式</p>
</body></code>

Salin selepas log masuk

Perbezaan utama

Lebih rendah daripada CSS luaran, lebih tinggi daripada CSS sebaris Set peraturan gaya Dalam elemen Apabila memilih antara CSS sebaris vs. sebaris, pertimbangkan perkara berikut:

Ciri	Sebaris CSS	Sebaris CSS
	terus tag pembuka satu elemen HTML	Sisipkan Dalam elemen , terletak dalam jenis Gaya CSS
	Kebolehselenggaraan	Sukar untuk diselenggara dan dikemas kini kerana peraturan gaya bertaburan di beberapa tempat
		Pilih jenis yang betul
	Jika anda perlu menggunakan gaya unik pada satu gaya elemen, gunakan CSS sebaris.	Gunakan CSS sebaris jika anda perlu menggunakan penggayaan yang konsisten pada semua elemen padanan di seluruh dokumen.

Atas ialah kandungan terperinci Perbezaan antara css sebaris dan terbenam. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!