gaya visual A ramatloka sarta perenah nu didikte ku CSS atanapi Cascading Style cadar. Ieu dokumén yén bentukna hiji Kalurahan urang aksara HTML, nyadiakeun web panyungsi sareng parentah ngeunaan cara pikeun nembongkeun kaca nu hasil tina aksara éta. CSS handles perenah kaca urang, kitu ogé warna, gambar latar, tipografi jeung jadi leuwih.
Lamun nempo hiji file CSS, anjeun bakal nempo yén kawas naon aksara atawa basa coding, file ieu boga rumpaka husus pikeun aranjeunna. Tiap lambar gaya diwangun ku sababaraha aturan CSS. aturan ieu, nalika dicokot dina pinuh, nu kumaha gaya loka.
The Bagian tina hiji Aturan CSS
Hiji aturan CSS diwangun ku dua bagian nu béda - sejen tur deklarasi nu. pamilihan nangtukeun naon keur styled on kaca na deklarasi nu geus sabaraha kudu styled. Salaku conto:
p {
Warna: # 000;
}
Ieu aturan CSS. The pamilihan bagian nyaeta "p", nu hiji pamilihan unsur pikeun "ayat". Ieu bakal, kituna, pilih ALL ayat di loka sarta nyadiakeun aranjeunna kalayan gaya ieu (iwal aya ayat nu sasaran ku gaya beuki spésifik nguap dina dokumen CSS anjeun).
Bagian aturan nu nyebutkeun "warna: # 000;" nyaeta naon katelah deklarasi nu. deklarasi anu diwangun ku dua lembar - harta jeung nilai teh.
sipat mangrupa "warna" sapotong deklarasi ieu. Ieu dictates nu aspék pamilihan teh bakal robah visually.
Nilai naon harta CSS nu dipilih bakal robah jadi. Dina conto urang, urang nu ngagunakeun nilai hex tina # 000, nu CSS shorthand pikeun "hideung".
Sangkan ngagunakeun aturan CSS ieu kaca urang bakal mibanda ayat ditampilkeun dina font-Warna hideung.
CSS Dasar Harta
Lamun anjeun nulis sipat CSS, anjeun moal bisa ngan saukur nyieun aranjeunna nepi sakumaha nu katingali fit. Pikeun instansi, "warna" mangrupa harta CSS sabenerna, jadi Anjeun bisa make eta. sipat ieu téh naon nangtukeun warna teks unsur. Lamun diusahakeun make "téks-warna" atawa "font-warna" salaku pasipatan CSS, ieu bakal gagal sabab teu bagian sabenerna bahasa CSS.
conto sejen aya hak milik "tukang-gambar". sipat ieu susunan hiji gambar anu bisa dipaké pikeun tukang a, kawas kieu:
.logo {
tukang-gambar: url (/images/company-logo.png);
}
Lamun diusahakeun make "tukang-gambar" atawa "latar-grafis" salaku sipat hiji, maranéhna bakal gagal lantaran, sakali deui, ieu henteu sipat CSS sabenerna.
Sababaraha CSS Pasipatan
Aya sababaraha pasipatan CSS nu bisa Anjeun pake pikeun gaya situs a. Sababaraha conto nyaéta:
- Border (kaasup wates-gaya, wates-warna, sarta wates-lebar)
- Padding (kaasup padding-luhur, padding-katuhu, padding-handap, sarta padding-kénca)
- Margins (kaasup margin-luhur, margin-katuhu, margin-handap, sarta margin-kénca)
- Font-kulawarga
- Font-ukuran
- Tukang-warna
- rubak
- luhur
Sipat CSS ieu leuwih hébat ngagunakeun sakumaha conto, sabab sagala pisan lugas tur, sanajan lamun teu nyaho CSS, Anjeun meureun bisa nebak naon maranehna ngalakukeun dumasar kana ngaran maranéhanana.
Aya pasipatan CSS lianna anu bakal anjeun sapatemon ogé nu bisa jadi salaku atra kumaha sabab tiasa dianggo dumasar kana ngaran maranéhna:
- ngambang
- atra
- mudal
- Téks-transform
- Z-indéks
Anjeun meunang deeper kana desain web, anjeun bakal sapatemon (jeung ngagunakeun) sagala pasipatan ieu jeung beuki!
Sipat Kudu Nilai
Unggal waktos Anjeun nganggo harta, Anjeun kedah masihan eta nilai a - jeung sipat nu tangtu ngan bisa nampa nilai tangtu.
Dina conto kahiji urang teh "warna" milik, urang kudu ngagunakeun nilai warna. Ieu bisa jadi hiji nilai hex , nilai RGBA, atawa malah konci warna . Salah sahiji jelema nilai bakal dianggo, kumaha oge, lamun dipake kecap "gloomy" kalayan sipat ieu, eta bakal becus lantaran, sakumaha deskriptif salaku kecap anu bisa jadi, teu a nilai dipikawanoh di CSS.
Conto nu kadua urang tina "tukang-gambar" merlukeun jalur gambar dipaké pikeun dipulut hiji gambar sabenerna tina file situs anjeun. Ieu ngarupakeun nilai / rumpaka anu anu diperlukeun.
Sadaya sipat CSS gaduh nilai yen aranjeunna nyangka. Salaku conto:
- Wates-warna ekspektasi hiji nilai warna
- Wates-ukuran ekspektasi hiji nilai sizing, kawas piksel atanapi percentages
- gaya wates ekspektasi salah sahiji gaya nu ditangtayungan dipaké pikeun sipat ieu, kawas "solid"
Lamun ngaliwat daptar sipat CSS, anjeun bakal manggihan eta tiap eta boga nilai husus yén maranéhna bakal make nyieun gaya aranjeunna dimaksudkeun pikeun.
Diédit ku Jeremy Girard