Gaya manakah yang biasa digunakan dengan kedudukan css?

青灯夜游
Lepaskan: 2023-01-07 11:44:41
asal
1823 orang telah melayarinya

biasanya digunakan dengan gaya atas, bawah, kiri dan kanan. Atribut atas menentukan tepi atas elemen dan mentakrifkan pengimbang antara sempadan margin atas elemen diposisikan dan sempadan atas blok yang mengandunginya, atribut bawah menentukan tepi bawah elemen; daripada elemen; dan atribut kanan menentukan tepi kanan elemen.

Gaya manakah yang biasa digunakan dengan kedudukan css?

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

Kedudukan CSS biasanya digunakan bersama-sama dengan gaya atas, bawah, kiri dan kanan. Atribut

  • atas menentukan tepi atas elemen. Sifat ini mentakrifkan pengimbangan antara sempadan jidar atas elemen diposisikan dan sempadan atas blok yang mengandunginya.

  • Atribut bawah menentukan tepi bawah elemen. Sifat ini mentakrifkan pengimbangan antara sempadan jidar bawah elemen yang diposisikan dan sempadan bawah blok yang mengandunginya.

  • Atribut kiri menentukan tepi kiri elemen. Sifat ini mentakrifkan pengimbangan antara tepi jidar kiri elemen yang diposisikan dan pinggir kiri blok yang mengandunginya.

  • Atribut kanan menentukan tepi kanan elemen. Sifat ini mentakrifkan pengimbangan antara tepi jidar kanan elemen yang diposisikan dan tepi kanan blok yang mengandunginya.

Nota: Jika nilai atribut "kedudukan" adalah "statik", maka menetapkan atribut "atas", "bawah", "kiri" dan "kanan" akan mempunyai tiada kesan.

Contoh:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
h2
{
	position:absolute;
	left:100px;
	top:150px;
}
</style>
</head>

<body>
<h2>这是一个绝对定位了的标题</h2>
<p>用绝对定位,一个元素可以放在页面上的任何位置。标题下面放置距离左边的页面100 px和距离页面的顶部150 px的元素。.</p>
</body>

</html>
Salin selepas log masuk

Rendering:

Gaya manakah yang biasa digunakan dengan kedudukan css?

(Perkongsian video pembelajaran : tutorial video css)

Atas ialah kandungan terperinci Gaya manakah yang biasa digunakan dengan kedudukan css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!