Apa Cascading Style Sheets?
Situs web kasebut kalebu sawetara potongan, kayata gambar, teks, lan macem-macem dokumen. Dokumen kasebut ora mung nyakup sawetara sing bisa disambung saka macem-macem kaca, kayata file PDF, nanging uga dokumen sing digunakake kanggo mbangun kaca kasebut, kayata dokumen HTML kanggo nemtokake struktur kaca lan CSS (Cascading Style Sheet) dokumen kanggo ndhetèksi tampilan kaca. Artikel iki bakal mbahas CSS, kalebu apa sing wis dipigunakaké ing situs web iki.
Pelajaran Sejarah CSS
CSS pisanan digawe ing taun 1997 minangka cara pangembang web kanggo nemtokake tampilan visual saka kaca web sing digawe. Iku dimaksudkan kanggo ngidini profesional web kanggo misahake isi lan struktur kode situs web saka desain visual, soko sing durung mungkin sadurunge wektu iki.
Pemisahan struktur lan gaya ngidinake HTML kanggo nindakake fungsi liyane sing asline didhasari - markup isi, tanpa perlu khawatir karo desain lan tata letak halaman kasebut, sing umum dikenal minangka "tampilan lan aran" saka kaca.
CSS ora kasedhiya ing popularitas nganti watara 2000, nalika browser web wiwit nggunakake luwih saka font dhasar lan aspèk warna saka basa markup iki. Dina iki, kabeh browser modern ndhukung kabeh CSS Tingkat 1, paling saka CSS Level 2, lan malah paling aspek CSS Level 3. Minangka CSS terus berkembang lan gaya anyar diwenehi, browser web wis mulai ngleksanakake modul-modul sing nggawa dhukungan CSS anyar menyang browser kasebut lan menehi perancang web alat-alat gaya anyar sing kuat kanggo digarap.
Ing (pirang-pirang) taun kepungkur, ana sing milih perancang web sing ora gelem nggunakake CSS kanggo desain lan pangembangan situs web, nanging praktik iku kabeh, nanging wis ilang saka industri saiki. CSS saiki dadi standar sing akeh digunakake ing desain web lan sampeyan bakal kepencet kanggo nemokake sapa wae sing kerja ing industri iki sing durung duwe pangerten dhasar basa iki.
CSS minangka Singkatan
Kaya sing kasebut, istilah CSS minangka "Cascading Style Sheet." Ayo ngrusak frasa iki nganti luwih lengkap kanggo njelasake apa dokumen kasebut.
Tembung "gaya sheet" ngarujuk marang dokumen kasebut (kaya HTML, file CSS bener-bener mung dokumen teks sing bisa diowahi karo macem-macem program). Lembar gaya wis digunakake kanggo desain dokumen kanggo pirang-pirang taun. Iku spesifikasi teknis kanggo tata letak, apa print utawa online. Desainer print wis nggunakake pola gaya sing dawa banget kanggo ngati-ati yen rancangane dicithak kanthi spesifik. Lembar gaya kanggo kaca web nglayani tujuan sing padha, nanging kanthi fungsi tambah uga nerangake browser web babagan nerjemahake dokumen sing ditampilake. Dina iki, pola gaya CSS uga bisa nggunakake pitakon media kanggo ngganti cara kaca katon kanggo piranti lan ukuran layar sing beda . Iki penting banget amarga ngidini dokumen HTML siji supaya bisa diajokake kanthi beda miturut layar sing digunakake kanggo ngakses.
Cascade minangka bagean khusus saka istilah "cascading style sheet". Lembaran gaya web dimaksudaké kanggo nggoleki liwat serangkaian gaya ing lembaran kasebut, kayata kali sing liwat grojogan. Banyu ing kali iki nyelehake kabeh watu ing grojogan, nanging mung sing ana ing ngisor mengaruhi ing ngendi banyu bakal ngasilake. Padha bener saka kaskade ing sheet gaya situs web.
Saben kaca web dipengaruhi dening sethithik siji sheet style, sanajan desainer web ora nganggo gaya apa wae. Lembar gaya iki minangka lembaran gaya agen panganggo - uga dikenal minangka gaya standar sing bakal digunakake browser web kanggo nampilake sawijining kaca yen ora ana instruksi liyane sing kasedhiya. Contone, hyperlinks sing standar ditata biru lan dituduhake. Gaya kasebut asal saka lembar gaya standar browser web. Yen perancang web menehi pandhuan liyane, Nanging, browser kudu ngerti pandhuan sing duwe prioritas. Kabeh browser duwe gaya standar dhewe, nanging akeh sing standar (kayata pranala teks sing digandhengake karo biru) dibagi ing kabeh utawa paling utama browser lan versi.
Kanggo conto liyane minangka default browser, ing browser web, font standar " Times New Roman " ditampilake ukuran 16. Ora kira-kira saka kaca sing aku riko nampilake ing kulawarga lan ukuran font, Nanging. Iki amarga kasino nemtokake manawa pola gaya kapindho, sing disetel dening para perancang dhewe, kanggo nyetel ulang ukuran font lan kulawarga, ngganti default browser web. Sembarang sheet style sing digawe kanggo kaca web bakal nduweni kekhasan luwih spesifik tinimbang gaya gaib browser, supaya standar kasebut mung bisa diterapake yen lembaran gaya ora ngganggu. Yen sampeyan pengin pranala dadi biru lan direkrut, sampeyan ora perlu nindakake apa-apa amarga iku standar, nanging yen file CSS situs sampeyan ngandhani yen pranala kudu ijo, warna sing bakal ngilangi biru standar. Garis utama bakal tetep ing conto iki, amarga sampeyan ora nemtokake apa wae.
Ngendi CSS Digunakake?
CSS uga bisa digunakake kanggo netepake carane kaca web kudu katon nalika viewed ing media liyane saka browser web. Contone, sampeyan bisa nggawe sheet gaya cetak sing bakal nemtokake cara kaca web kudu dicithak. Amarga item kaca web kaya tombol navigasi utawa formulir web ora duwe tujuan ing kaca sing dicithak, Print Style Sheet bisa digunakake kanggo "mateni" wilayah kasebut nalika kaca dicithak. Nalika ora ana praktik umum ing pirang-pirang situs, opsi kanggo nggawe lembaran gaya cetak iku kuat lan menarik (ing pengalaman saya - paling profesional web ora nindakake iki mung amarga ruang lingkup anggaran situs ora nyuwun karya tambahan iki kudu rampung ).
Apa CSS penting?
CSS minangka salah sawijining alat sing paling kuat sing bisa ditemokake dening desainer web amarga amarga sampeyan bisa nduwe pengaruh ing kabeh tampilan visual saka situs web. Gaya lembaran sing ditulis kanthi cepet bisa dianyari kanthi cepet lan ngidini situs kanggo ngganti apa sing dianggep prioritas visual ing layar, sing uga nuduhake nilai lan fokus marang pengunjung, tanpa owah-owahan sing kudu digawe kanggo markup HTML sing ndasari.
Tantangan utama CSS yaiku yen ana sing cukup sinau - lan karo browser saben dina ngganti, apa sing kerjane ing dina iki ora bisa dienggo sesuk nalika gaya anyar dadi didhukung lan liya-liyane wis dicemplungake utawa ditundhuk saka siji alasan utawa liyane .
Amarga CSS bisa ngiringan lan gabungke, lan ngerteni manawa browser beda bisa napsirake lan nglakokake arahan kasebut kanthi cara sing beda, CSS bisa luwih angel dibandhingake karo HTML kosong. CSS uga ngganti browser kaya HTML sing bener. Yen sampeyan wiwit nggunakake CSS, sampeyan bakal ndeleng manawa sampeyan nggunakake pola gaya bakal menehi keluwesan dipercaya babagan tata letak web lan nemtokake tampilan lan aran. Bebarengan, sampeyan bakal nemokake "tas trik" saka gaya lan pendekatan sing wis nyambut gawe kanggo sampeyan ing wektu sing kepungkur lan sampeyan bisa nguripake maneh nalika mbangun kaca web anyar ing mangsa ngarep.
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 7/5/17,