Apakah sifat margin atas dalam css-Soal Jawab bahagian hadapan-php.cn

Apakah sifat margin atas dalam css

WBOY

Lepaskan： 2022-06-07 16:38:25

asal

4420 orang telah melayarinya

Atribut jidar atas dalam CSS: 1. atribut "margin-top", yang digunakan untuk menetapkan jidar atas elemen Sintaks ialah "elemen {margin-top: top margin value;}"; 2. Atribut "padding-top" digunakan untuk menetapkan padding atas elemen. Sintaks ialah "elemen {padding-top: top padding value;}".

Apakah sifat margin atas dalam css

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

Apakah atribut margin atas dalam css

Nota: Nilai negatif dibenarkan.

Nilai lalai ialah 0

Nilai yang mungkin;

auto Jidar atas yang ditetapkan oleh penyemak imbas.

panjang mentakrifkan jidar atas tetap. Nilai lalai ialah 0.
% mentakrifkan jidar atas sebagai peratusan berdasarkan jumlah lebar objek induk.
warisan menyatakan bahawa jidar atas harus diwarisi daripada unsur induk.
Contohnya seperti berikut:

Hasil keluaran:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
p.ex1 {margin-top:2cm;}
</style>
</head>
<body>
<p>一个没有指定边距大小的段落。</p>
<p class="ex1">一个2厘米上边距的段落。</p>
<p>一个没有指定边距大小的段落。</p>
</body>
</html>

Salin selepas log masuk

Apakah sifat margin atas dalam css 2. padding-top

Atribut padding-top menetapkan padding atas (ruang) elemen.

Nota: Nilai negatif tidak dibenarkan. Nilai lalai ialah 0

Nilai yang mungkin:

panjang menentukan nilai padding atas tetap dalam unit tertentu, seperti piksel, sentimeter, dsb. Nilai lalai ialah 0px.

% mentakrifkan padding atas sebagai peratusan berdasarkan lebar elemen induk. Nilai ini tidak akan berfungsi seperti yang diharapkan dalam semua penyemak imbas.
warisan menyatakan bahawa pelapik atas harus diwarisi daripada elemen induk.
Contohnya adalah seperti berikut:

Hasil output:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<style>
p.padding {padding-top:2cm;}
p.padding2 {padding-top:10%;}
</style>
</head>
<body>
<p>这是一个没有上部填充边距的文本。这是一个没有上部填充边距的文本。这是一个没有上部填充边距的文本。</p>
<p class="padding">这个文本的上部填充边距为2厘米。这个文本的上部填充边距为2厘米。这个文本的上部填充边距为2厘米。</p>
<p class="padding2">这个文本的上部填充边距为50%。这个文本的上部填充边距为50%。这个文本的上部填充边距为50%。</p>
</body>
</html>

Salin selepas log masuk

(Perkongsian video pembelajaran: Apakah sifat margin atas dalam css tutorial video css