Rumah  >  Artikel  >  hujung hadapan web  >  apa yang ada dalam css

apa yang ada dalam css

WBOY
WBOYasal
2023-05-27 20:11:06563semak imbas

CSS (Cascading Style Sheets), Cascading Style Sheets, ialah bahasa yang digunakan untuk mengawal gaya dan reka letak halaman web. Ia boleh menentukan gaya penampilan dan susun atur teks, gambar, warna latar belakang, fon, jarak, sempadan, bayang-bayang, animasi dan elemen lain untuk menjadikan halaman web lebih cantik, lebih mudah dibaca dan berinteraksi serta meningkatkan pengalaman pengguna.

CSS pada asalnya dicadangkan oleh W3C pada tahun 1996 sebagai bahasa tambahan untuk bahasa markup seperti HTML dan XML. Melalui CSS, kami boleh memisahkan kandungan dan gaya halaman web, menjadikan struktur halaman web lebih jelas dan mudah. Pada masa yang sama, gaya juga boleh dikongsi oleh berbilang halaman web, menjimatkan kos pembangunan dan penyelenggaraan.

Fungsi utama CSS adalah untuk menentukan gaya dan susun atur halaman web. Atribut gaya CSS biasa termasuk yang berikut:

1 Gaya fon

boleh menetapkan saiz, warna, berat, siri fon dan atribut lain fon, contohnya:

saiz fon:20px; /Tetapkan saiz fon kepada 20 piksel/

warna:merah; /Warna fon merah/

font- weight:bold; /Font bold/

font-family:Arial, sans-serif; /Tetapkan keluarga fon kepada Arial atau sans-serif /

2. Gaya latar belakang

Anda boleh menetapkan atribut seperti warna latar belakang, gambar, kaedah pengulangan, penjajaran mendatar dan menegak, dsb., contohnya:

latar belakang- color:#f5f5f5; / Tetapkan warna latar belakang kepada kelabu cerah/

background-image:url("background.png"); /Tetapkan imej latar belakang /

background-repeat: no-repeat; /Jangan ulangi imej latar belakang/

background-position:center top; diselaraskan/

3 .Gaya sempadan

boleh menetapkan gaya, warna, lebar dan atribut lain bagi jidar, contohnya:

gaya sempadan: pepejal ; /

Tetapkan gaya sempadan kepada pepejal /

warna sempadan:#ccc; /

Tetapkan warna sempadan kepada kelabu/

sempadan- width:1px; /

Tetapkan lebar jidar kepada 1 piksel /

4 Model kotak

boleh mengawal saiz, jidar dalam dan jidar luar elemen, contohnya:

lebar:200px; /

Tetapkan lebar elemen kepada 200 piksel/

tinggi:100px; /

Tetapkan ketinggian elemen kepada 100 piksel/

lapik:10px; /

Tetapkan padding kepada 10 Pixel /

margin:20px; >/

5. Kedudukan dan susun atur

boleh mengawal elemen Kedudukan dan susunan, contohnya:

kedudukan:mutlak; /

Kedudukan mutlak

/

atas:30px; /30 piksel dari atas

/

kiri:50%; /Berpusat secara mendatar

/

display:flex; /Susun atur kotak fleksibel

/

justify- content:center; /Penjajaran tengah mendatar

/

Di atas hanyalah kecil sebahagian daripada sifat gaya biasa CSS juga boleh mencapai banyak kesan interaktif, seperti tuding, klik, kecerunan, Putar, skala, animasi, dll. Pada masa yang sama, CSS juga menyokong pertanyaan media, yang boleh memberikan pengguna berbeza pengalaman menyemak imbas terbaik mengikut peranti dan saiz skrin yang berbeza.

Secara amnya, CSS ialah bahagian penting dalam reka bentuk web Ia boleh menambah warna dan umur pada halaman web, meningkatkan pengalaman pengguna dan menjadikan halaman web lebih menarik dan berdaya saing.

Atas ialah kandungan terperinci apa yang ada dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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