masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Dimensi CSS

Atribut saiz membolehkan anda mengawal ketinggian dan lebar elemen. Begitu juga, ia membolehkan anda meningkatkan jarak baris. Atribut yang terlibat ialah

tinggi--tetapkan ketinggian elemen. line-height --Tetapkan ketinggian garisan. max-height-- Tetapkan ketinggian maksimum elemen. max-width – Tetapkan lebar maksimum elemen. min-height – Tetapkan ketinggian minimum elemen. min-width – Tetapkan lebar minimum elemen. lebar – Tetapkan lebar elemen.

Mari kita tulis fail html dan CSS untuk dibandingkan secara terperinci

.p1{    line-height: normal;    width: 400px;
}.p2{    line-height: 50%;    width: 400px;
}.p3{    line-height: 200%;   width: 400px;
}

Rendering adalah seperti berikut:

QQ截图20161011165910.png

Saiz CSS Sifat

Sifat saiz CSS membolehkan anda mengawal ketinggian dan lebar elemen. Juga membolehkan anda meningkatkan jarak baris.

QQ截图20161011165924.png

Meneruskan pembelajaran
||
<html> <head> <style type="text/css"> p.small { line-height: 10px } p.big { line-height: 30px } </style> </head> <body> <p> 这是拥有标准行高的段落。 在大多数浏览器中默认行高大约是 20px。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 </p> <p class="small"> 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 </p> <p class="big"> 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 </p> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492779 permainan