Sifat saiz CSS

Semasa proses penciptaan halaman web, kita mungkin perlu menetapkan ketinggian, lebar, jarak, dsb. elemen, yang memerlukan kita menggunakan beberapa Atribut Dimensi.

1 atribut ketinggian

atribut ketinggian boleh menetapkan ketinggian bagi unsur yang tinggi.

Warisan: Tiada >Auto Lalai. Pelayar akan mengira ketinggian sebenar.

panjang Gunakan px, cm dan unit lain untuk menentukan ketinggian.


% Berdasarkan peratusan ketinggian objek tahap blok yang mengandungi.

2 atribut ketinggian baris

atribut ketinggian garis boleh Tetapkan jarak antara baris.


Nota: Nilai negatif tidak dibenarkan.

Warisan: YaNilai yang mungkin

Nilai                                                           >Lalai biasa. Tetapkan jarak baris yang munasabah.

nombor Tetapkan nombor yang akan didarab dengan saiz fon semasa untuk menetapkan jarak baris.

panjang Tetapkan jarak baris tetap.

% Peratusan jarak baris berdasarkan saiz fon semasa.


3 atribut ketinggian maksimum

Atribut ketinggian maksimum boleh menetapkan ketinggian maksimum sesuatu elemen. Warisan: Tiada >tiada Lalai. Takrifan tidak meletakkan had pada ketinggian maksimum yang dibenarkan untuk sesuatu elemen.

panjang mentakrifkan nilai ketinggian maksimum elemen.

% mentakrifkan ketinggian maksimum sebagai peratusan objek peringkat blok yang mengandunginya.


4 atribut lebar maksimum

lebar maksimum boleh mentakrifkan lebar maksimum elemen.

Warisan: Tiada >tiada Lalai. Takrifan tidak meletakkan had pada lebar maksimum elemen.

panjang mentakrifkan lebar maksimum elemen.


% mentakrifkan lebar maksimum berdasarkan peratusan objek peringkat blok yang mengandunginya.

5. Atribut ketinggian minimum

Atribut ketinggian minimum boleh menetapkan ketinggian minimum elemen.

Warisan: Tiada >panjang menentukan ketinggian minimum elemen. Nilai lalai ialah 0.

% mentakrifkan ketinggian minimum sebagai peratusan objek peringkat blok yang mengandunginya.

6. Atribut lebar min

Atribut lebar min boleh menetapkan lebar minimum elemen.

Warisan: Tiada >panjang mentakrifkan nilai lebar minimum elemen. Lalai: Bergantung pada penyemak imbas.


% mentakrifkan lebar minimum berdasarkan peratusan objek peringkat blok yang mengandunginya.

7 atribut lebar

Atribut lebar boleh menetapkan lebar elemen.

Warisan: Tidak . Pelayar boleh mengira lebar sebenar.


% Mentakrifkan lebar sebagai peratusan berdasarkan lebar elemen induk.

panjang Gunakan px, cm dan unit lain untuk menentukan lebar.

Contoh:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>实例</title> 
<style type="text/css">
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="95" height="84" /><br>
<img class="big" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="120" height="90" />
<p class="ex">这是一段句子的高和宽是 100px.</p>
</body>
</html>

Contoh:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>实例</title> 
<style type="text/css">
p
{
max-height:10px;
background-color:yellow;
}
</style>
</head>
<body>
<p>北京时间周四凌晨两点公布的美联储9月纪要显示,如美国经济持续走强,几位有投票权的决策者认为利率应该“很快”会上升。
   美联储在会议纪要中指出“几位委员们认为,如若经济进展如预期般展开,那么较快提高联邦基金利率将是合适的”。</p>
</body>
</html>






Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>实例</title> <style type="text/css"> img.normal { height:auto; } img.big { height:50%; } p.ex { height: 30%; width: 40%; } </style> </head> <body> <img class="normal" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="195" height="184" /><br> <img class="big" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="120" height="90" /> <p class="ex">昨日香港银行同业人民币拆借利率出现明显飙升,隔夜离岸人民币Hibor涨82个基点报2.8284%, 创9月21日以来新高;一周离岸人民币Hibor涨262个基点报6.7610%,创9月20日以来新高,意味着离岸人民币流动性吃紧。</p> </body> </html>
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!