Uvod v občutljive primere CSS:

V CSS občutljivem primeru je pri spletnem razvoju potreben stil katerega koli dokumenta. Za nadzorovanje stajlinga je mogoče CSS učinkovito uporabiti in ga narediti preprosto in enostavno. Pomeni kot stil kaskade. CSS je v svojem bistvu oblikovalski jezik, ki se uporablja za preprost, a učinkovit način predstavitve spletnih dokumentov. Z vsebino CSS je mogoče obdelati celoten videz in občutek, ali je barva besedila, razmik odstavkov, slog pisave, slike ozadja ali barv, oblikovanje postavitve in variacije zaslona za več naprav in velikost zaslona z več učinki. CSS razvijalcu zagotovi nadzor nad pooblastilom za predstavitev dokumenta.

Lastnosti in prednosti CSS Case Sensitive:

  1. Večino časa je kombiniran z označevalnim jezikom, kot so HTML, XHTML. Razvijalcu lahko pomaga, da prihrani čas, ko je napisana datoteka skripta CSS, jo lahko uporabimo na več straneh HTML. Vsak element HTML lahko določi svoj slog, razvijalec pa ga lahko uporabi na čim več spletnih straneh ali dokumentih.
  2. Druge večje prednosti CSS Case Sensitive so, koda jedrnate, razvijalcu ni treba vsakič pisati atributov HTML oznake. Razvijalec lahko za določeno oznako napiše eno pravilo CSS in uporabi vsako pojavitev oznake v datoteki HTML. Torej, koda je bolj jedrnata in jedrnata, zato jo lahko pregledniki bolj učinkovito razumejo. Jedrnata koda prinaša tudi eno drugo korist, saj je nalaganje strani lahko hitrejše kot prej. Model DOM se uporablja za učinkovito upodabljanje katerega koli HTML dokumenta, razpršeni ali slabo napisani elementi ali oznake povzročijo zamudo, ki jo je mogoče popraviti s tem pristopom. Vsako globalno spremembo lahko vnesete s preprosto spremembo sloga in vsi elementi na vsaki spletni strani se lahko samodejno posodobijo.
  3. Niz atributov s CSS je širši od tistega, ki ga imamo v HTML-ju, zato lahko CSS v primerjavi s atributi HTML omogoči boljšo predstavitev in oblikovanje ali pristop k postavitvi katerega koli spletnega dokumenta. Tudi atributi HTML so opuščeni in CSS se priporoča za uporabo vsem razvijalcem v procesu spletnega razvoja, zato je boljši pristop, da začnete uporabljati CSS v vsakem spletnem dokumentu in jih učinkovito združiti s sedanjimi in prihodnjimi brskalniki.
  4. Za več naprav, ki uporabljajo različne različice spletnega mesta, je mogoče isti dokument HTML temeljito uporabiti. CSS omogoča optimizacijo vsebine za več naprav, zato lahko ta oblikovalec še en razlog več spletnemu oblikovalcu ali razvijalcu za uporabo elementov CSS za vse svoje spletne strani.
  5. Pravila stila ureja CSS, ki pomaga pri upodabljanju stilskega lista v brskalnikih. Vsako slogno pravilo sestavljajo entitete, kot so Izbirnik, Lastnost in Vrednost. Izbirnik je oznaka HTML, pri kateri bo uporabljen slog in lastnost je vrsta atributa oznake HTML. Vsi atributi HTML, kot so barva, se meja pretvori v lastnosti CSS. Zdaj so vrednosti dodeljene vsem lastnostim, barvna lastnost ima lahko vrednost, kot je rdeča ali katera koli alfanumerična vrednost. Obstaja več načinov za povezavo slogov z dokumentom HTML. Zunanji CSS in inline CSS sta najpogostejša načina za vključitev stiliranja v dokument HTML. Z uporabo elementa elementa lahko CSS pravila vstavite v dokument HTML, oznaka sloga pa je v osnovi postavljena znotraj glavne oznake. Zdaj so pravila, določena s tem pristopom ali skladnjo, uporabna za vse elemente, ki so na voljo v dokumentu. Vgrajeni CSS-ov slog dosežemo s pristopom v eno vrstico, kjer je za kateri koli element HTML določen atribut sloga za definiranje pravil o slogu. CSS3 je najnovejši standard CSS, prejšnja različica je CSS2. Med obema različicama CSS obstaja več razlik. Vse CSS2 specifikacije sodelujejo in nove specifikacije so vnesene pod CSS3, ki se imenuje modul.

Pojasnilo glede občutljivosti primera CSS:

  • Pregled:

Listi slogi, ki se uporabljajo v CSS2, niso občutljivi na velike in male črke, tisti deli, ki niso pod nadzorom CSS, pa niso občutljivi na velike in male črke, kot so vrednost atributov HTML, kot so id, razred, imena pisave, URI itd., Zunaj obsega specifikacije definirano za CSS stajling. Vsi izbirniki atributov CSS imajo funkcijo neobčutljivosti primerov, kot je izbirnik atributov, ki povzroči, da se vrednost ujema na ASCII-neobčutljiv način. Tako je izbirnik CSS, ki vključuje izbirnike razredov in ID, nepomemben z velikimi in malimi črkami, medtem ko so imena razredov HTML velika in majhna. Vendar je izbirnost občutljivosti primerov iz dejstva, kaj dokument o njih pridiga. Dejansko CSS sam po sebi ne razlikuje velikih in malih črk, ampak samo imena morajo biti velika in velika, da postanejo edinstveni identifikatorji.

  • Pojasnilo:

Če stran uporablja XHTML DOCTYPE, potem bodo izbirniki CSS občutljivi na velike in male črke, vendar s HTML DOCTYPE isti izbirnik postane neobčutljiv. V datoteki CSS, občutljivi na velika mesta, so imena elementov dokumenta, ki se uporabljajo v izbirnikih, odvisna od jezika dokumenta. Imena HTML niso velika in majhna, ampak v XML. Enako lahko rečemo, da CSS ni odvisen od velikih in malih črk, toda za URL-je slik in druge neposredne reference s sloganom lahko rečemo, da so velika in mala. Če razvijalci lahko napišejo dokument z uporabo deklaracije XML z XHTML DOCTYPE, potem se bodo imena razredov CSS v nekaterih brskalnikih obnašala na način, ki je odvisen od velikih črk CSS. Hkrati je zelo pomembno ostati dosleden, ker izvor zmede, ki izhaja iz nedoslednosti, ki jo prinašajo spletni oblikovalci ali razvijalci. Zelo priporočljivo je, da ne uporabljate identičnih imen CSS.

Na primer - tega nikoli ne storite

.Test (barva: rdeča; )

.test (barva: zelena; )

Zaključek - Ali je CSS primer občutljiv?

Torej lahko rečemo, da občutljivost na imena atributov in vrednosti, ki se uporabljajo v izbirniku, zmanjšuje izbrani jezik dokumenta. Dodan je bil dodatni modifikator, tj. (I), za izbirnike atributov CSS, tako da lahko avtor dovoli, da se v spletnem dokumentu ASCII ujema z neobčutljivostjo vrednosti atributa vrednosti.

Primer -

Li (id $ = "test" i) (barva: rdeča; )

Li (id $ = "test") (font-weight: bold; )

Prvi primer velja za elemente seznama, ki imajo atribut id s končnico »test« ali »Test«, drugi primer je uporaben za elemente seznamov, ki imajo atribut id s točno končnico kot »test«, vendar ne s končnicami kot je »Test« ali »TEST«.

Priporočeni članek

To je vodilo za občutljivost primerov CSS. Tu smo razpravljali o osnovnih pojmih, pa tudi o koristih in značilnostih CSS, ki so občutljivi na velike in male črke. Če želite izvedeti več, si oglejte tudi naslednje članke:

  1. CSS vs JavaScript
  2. CSS proti CSS3
  3. Šifrant CSS3
  4. Poklic v CSS

Kategorija:

Orodja za razvoj spletnih strani