Nggunakake CSS Site Wide
Situs web minangka gabungan saka gaya lan struktur, lan ing situs web, dina iki minangka praktik sing paling apik kanggo njaga loro-lorone situs sing kapisah saka siji liyane.
HTML tansah dadi situs web sing nduweni struktur. Ing wiwitan Web, HTML uga ngandhut informasi gaya. Unsur-unsur kaya tag dikembangake ing kode HTML, nambah informasi lan informasi bebarengan karo informasi struktural. Gerakan standar web ndadekake kita bisa ngowahi praktik iki lan malah nyurung kabeh informasi gaya menyang CSS utawa Cascading Style Sheets. Nglakoni langkah iki luwih lanjut, rekomendasi saiki sing sampeyan gunakake apa sing dikenal minangka "gaya gaya njaba" kanggo kabutuhan situs web.
Keuntungan lan Kerugian Gaya Eksternal Sheets
Salah siji bab sing paling apik babagan Cascading Style Sheets yaiku sampeyan bisa nggunakake aplikasi kasebut supaya kabeh situs tetep konsisten. Cara paling gampang kanggo nindakake iki yaiku ngubungake utawa ngimpor lembar gaya eksternal . Yen sampeyan nggunakake sheet gaya eksternal sing padha kanggo saben kaca situs sampeyan, sampeyan bisa uga yakin manawa kabeh kaca bakal duwe gaya sing padha. Sampeyan uga bisa nggawe luwih gampang kanggo nggawe owahan kanggo masa depan. Wiwit saben kaca nganggo lembaran gaya eksternal sing padha, sembarang owah-owahan menyang lembaran kasebut bakal nimbulake saben kaca situs. Iki luwih apik tinimbang kudu ngganti saben kaca kanthi individu!
Kaluwihan Gaya Eksternal Sheets
- Sampeyan bisa ngontrol tampilan lan aran sawetara dokumen sekaligus.
- Iki luwih migunani yen sampeyan nggarap tim wong kanggo nggawe situs web sampeyan. Akeh aturan gaya bisa angel eling, lan nalika sampeyan uga nduweni pandhuan gaya cetak, iku ora efisien lan ngremenake kanggo terus ngetung kanggo nemtokake manawa tuladha teks ditulis ing 12 poin Arial font, utawa 14 titik kurir. Kanthi gadhah kabeh panggonan, lan wiwit panggonan sing uga arep diganti, sampeyan bisa nggawe pangopènan luwih gampang.
- Sampeyan bisa nggawe kelas gaya sing bisa digunakake ing macem-macem unsur HTML .
- Yen sampeyan kerep nggunakake pola font tartamtu kanggo menehi emphasis ing macem-macem barang ing kaca sampeyan, sampeyan bisa nggunakake atribut kelas sing sampeyan nyetel ing sheet gaya kanggo njaluk dipikir lan aran, tinimbang nemtokake gaya tartamtu kanggo saben conto emphasis.
- Sampeyan bisa kanthi gampang ngelompokake gaya sampeyan supaya luwih efisien.
- Kabeh cara klompok sing kasedhiya kanggo CSS bisa digunakake ing lembaran gaya eksternal, lan iki menehi sampeyan kontrol lan keluwesan liyane ing kaca.
Kerugian Gaya Eksternal Sheets
- Lembar gaya eksternal bisa nambah wektu download, utamané yen arang banget gedhe. Wiwit file CSS minangka dokumen sing kudu dimuat, bakal ndadekake kinerja kanggo ngundhuh undhuhan kasebut.
- Gaya lembaran eksternal njaluk gedhe banget kanthi cepet amarga ora bisa dienggo nalika gaya ora digunakake amarga ora dibusak nalika kaca dibusak. Manajemen berkas CSS sing bener pancen penting, utamane yen akeh wong nggarap file sing padha.
- Yen sampeyan mung duwe situs web siji-siji, duwe berkas eksternal kanggo CSS mbokmenawa ora perlu amarga sampeyan mung duwe sawijining kaca kanthi gaya. Akeh manfaat saka CSS njaba sing ilang nalika sampeyan mung duwe situs kaca siji.
Cara Nggawe Gaya Lembaran Eksternal
Lembar gaya eksternal digawe nganggo sintaksis sing padha kanggo nyithak lembaran gaya tingkat. Nanging, kabeh sing kudu kalebu yaiku pemilih lan deklarasi. Kaya ing lembar gaya tingkat dokumen, sintaks kanggo aturan yaiku:
pemilih {property: value;}Simpen aturan kasebut dadi file teks kanthi ekstensi .css. Iki ora dibutuhake, nanging iku minangka kabiasaan sing apik kanggo mlebu, supaya sampeyan bisa langsung ngenali lembar gaya ing daftar direktori.
Sawise sampeyan duwe sheet style document, sampeyan kudu ngubungake menyang kaca Web . Iki bisa ditindakake kanthi rong cara:
- Nyambungake
- Kanggo nggandhengake sheet style, sampeyan nggunakake tag HTML. Iki nduweni rel , atribut, lan href . Atribut rel memberitahu apa yang Anda sambungkan (dalam hal ini stylesheet), jenisnya mendefinisikan jenis MIME untuk browser, dan href adalah path ke file .css.
- Ngimpor
- Sampeyan bakal nggunakake sheet style sing diimpor ing sheet style document supaya sampeyan bisa ngimpor atribut lembar gaya eksternal, nanging ora bakal kelangan sembarang dokumen sing spesifik. Sampeyan nyebataken kanthi cara ingkang sami kanggé nelpon lembar gaya sing disambung, mung kasebut kudu kasebut ing deklarasi gaya tingkat document. Sampeyan bisa ngimpor sheets gaya eksternal sing perlu kanggo njaga situs web sampeyan.
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 8/8/17