Rumah > Artikel > hujung hadapan web > apa yang ada dalam css
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!