Kaluwihan lan Kesuwatan saka Gaya Inline ing CSS

CSS, utawa Cascading Style Sheets, yaiku apa sing digunakake ing desain situs web modern kanggo ngatonake tampilan visual menyang kaca. Nalika HTML nggawe struktur kaca lan Javascript bisa nangani tingkah laku, tampilan lan aran website minangka domain CSS. Nalika nerangake gaya-gaya iki, dheweke luwih sering nggunakake sheet style, nanging sampeyan uga bisa ngaplikasi gaya CSS menyang siji, unsur tartamtu kanthi nggunakake "gaya inline".

Gaya inline gaya CSS sing diterapake langsung ing HTML kaca. Ana loro kaluwihan lan kekurangan kanggo pendekatan iki. Kaping pisanan, cacahe kaya ngene iki.

Cara Nggawe Gaya Inline

Kanggo nggawe gaya CSS inline, sampeyan miwiti kanthi nulis properti gaya sampeyan kaya carane sampeyan nganggo sheet style, nanging kudu kabeh baris siji. Sipat pirang-pirang situs kanthi koma titik tengah kaya sampeyan bakal ing sheet gaya.

latar mburi: #ccc; werna: #fff; wewatesan: 1px ireng sing padhet;

Selehake garis gaya ing jero gaya atribut unsur sing pengin ditata. Contone, yen sampeyan pengin nggunakake gaya iki menyang paragraf ing HTML, unsur kasebut bakal katon kaya iki:

Ing conto iki, paragraf tartamtu iki bakal katon kanthi latar abu-abu cahya (yaiku apa sing bakal dilakokaké #ccc), teks ireng (saka werna # 000), lan karo watesan ireng padhet 1 piksel ing kabeh papat sisi paragraf .

Kaluwihan Gaya Inline

Thanks kanggo kaskade gaya gaya Cascading Sheet duwe prioritas paling dhuwur utawa spesifik ing sawijining dokumen. Iki tegese bakal diterapake manawa apa wae sing didiktikiake ing gaya njaba sampeyan (karo siji sing istiméwa minangka gaya apa sing diwènèhaké minangka pratandha sing penting, nanging iki ora ana sing kudu ditindakake ing situs produksi yèn bisa nyingkiri.

Gaya mung sing luwih dhuwur tinimbang gaya inline yaiku gaya pangguna sing diterapake dening pembaca piyambak. Yen sampeyan ngalami owah-owahan kanggo owah-owahan, sampeyan bisa nyoba nyetel gaya inline ing elemen. Yen gaya isih ora ditampilake nggunakake gaya inline, sampeyan ngerti samubarang liyane.

Gaya inline gampang lan cepet ditambah lan sampeyan ora perlu khawatir babagan nulis pemilih CSS sing bener awit sampeyan nambah gaya langsung menyang elemen sing pengin diganti (unsur kasebut kanthi ngganteni pemilih sing bakal ditulis ing lembaran gaya eksternal ). Sampeyan ora kudu nggawe kabeh dokumen anyar (kaya karo lembaran gaya eksternal) utawa ngowahi elemen anyar ing endhas document sampeyan (kaya karo lembar gaya internal). Sampeyan mung nambah atribut gaya sing bener ing saklawasé saben unsur HTML. Iki kabeh alasan kenapa sampeyan bisa nggodha nggunakake gaya inline, nanging sampeyan uga kudu ngerti sawetara kekirangan banget pinunjul kanggo pendekatan iki.

Kekurangan Inline Styles

Amarga gaya-gaya inline sing paling spesifik ing kaskade, padha bisa numpak bab-bab sing ora dienggo. Iku uga negate salah siji saka aspek paling kuat CSS - kemampuan kanggo gaya persil lan akeh kaca web saka siji file CSS tengah kanggo nggawe update mangsa saiki lan owah gaya luwih gampang kanggo ngatur.

Yen sampeyan mung nggunakake gaya inline, dokumen sampeyan bakal cepet dadi kembung lan angel banget kanggo njaga. Iki amarga gaya inline kudu diterapake kanggo saben unsur sampeyan pengin ing. Dadi yen sampeyan pengin kabeh paragraf sampeyan duwe kulawarga font "Arial", sampeyan kudu nambah gaya inline kanggo saben tag ing

ing dokumen sampeyan. Iki nambahake karya pangopènan kanggo desainer lan wektu download kanggo maca amarga sampeyan kudu ngganti iki ing saben kaca ing situs sampeyan ngganti sing font-family. Utawa, yen sampeyan nggunakake stylesheet kapisah, sampeyan bisa ngganti ing sawijining titik lan saben kaca nampa update kasebut.

Bener, iki langkah mundur ing desain web - bali dina tag !