HTML+CSS Mudah untuk Bermula dengan Elemen Sebaris

Dalam HTML, <span>, <a>, <label>, <strong> dan <em> ialah elemen sebaris biasa (elemen sebaris). Sudah tentu, elemen blok juga boleh ditetapkan sebagai elemen sebaris melalui kod

paparan:sebaris


ciri Elemen sebaris :

1. Ia berada pada baris yang sama dengan elemen lain; . Elemen Lebar ialah lebar teks atau imej yang terkandung di dalamnya dan tidak boleh diubah.

Mari kita tulis sekeping kod di bawah Lebar dan ketinggian boleh ditetapkan untuk elemen blok, tetapi lebar dan tinggi tidak boleh ditetapkan untuk elemen sebaris

Lihat kod di atas. a ialah elemen sebaris, Apabila kita menetapkan lebar dan tinggi, tiada kesan, tetapi menukarnya kepada elemen sekat akan mempunyai kesan yang jelas

Mari tulis contoh di bawah untuk menukar elemen blok menjadi elemen sebaris

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
	a{
		width:100px;
		height:50px;
		background-color:green;  /*设置背景色*/
		color:#fff;  /*设置字体颜色*/
	}
</style>
</head>
<body>
   <a href="#">PHP中文网</a>
</body>
</html>

Di atas Dalam kod, lebar dan tinggi tidak boleh ditetapkan selepas elemen blok ditukar kepada elemen sebaris

Meneruskan pembelajaran
||
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ display:inline; /*转换成内联元素*/ /*转换成内联元素之后,我们设置宽高,背景色,文字颜色*/ width:300px; height:200px; background-color:green; color:red; } </style> </head> <body> <div>欢迎大家来到php中文网</div> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus