Úvod do citlivých prípadov CSS:
V prípade CSS, ktoré sú citlivé na štýl, je pri vývoji webových stránok potrebný štýl akéhokoľvek dokumentu. Na ovládanie stylingu je možné CSS efektívne využívať a zjednodušiť a zjednodušiť. Znamená kaskádový štýl. CSS je jadrom dizajnérskeho jazyka, ktorý sa používa na jednoduchú, ale účinnú prezentáciu webových dokumentov. So všetkými časťami webovej stránky, ktoré vyzerajú a cítia, sa dá pracovať pomocou CSS, či už ide o farbu textu, medzery medzi odsekmi, štýl písma, použité obrázky na pozadí alebo farby, rozloženie a variáciu zobrazenia na displeji pre viac zariadení a veľkosť obrazovky. s viacerými účinkami. CSS poskytuje vývojárovi autorizačnú kontrolu pre prezentáciu dokumentu.
Funkcie a výhody CSS Case Sensitive:
- Väčšinou sa kombinuje so značkovacím jazykom ako HTML, XHTML. Môže vývojárovi pomôcť s úsporou času, keď je súbor skriptu CSS zapísaný, môže byť použitý na viacerých stránkach HTML. Každý prvok HTML môže definovať svoj vlastný štýl a vývojár ho môže použiť na čo najviac webových stránok alebo dokumentov.
- Ďalšími hlavnými výhodami aplikácie CSS Case Sensitive sú stručné kódy, vývojár nemusí písať atribúty značiek HTML zakaždým. Vývojár môže napísať jedno pravidlo CSS pre konkrétnu značku a použiť ju pri každom výskyte značky v súbore HTML. Kód je teda výstižnejší a výstižnejší, a preto ho recenzenti môžu pochopiť efektívnejšie. Stručný kód prináša aj ďalšiu výhodu, pretože načítanie stránky môže byť rýchlejšie ako predtým. Model DOM sa používa na efektívne vykreslenie ľubovoľného dokumentu HTML, rozptýlené alebo zle napísané prvky alebo značky vedú k oneskoreniu, ktoré sa dá týmto postupom napraviť. Akákoľvek globálna zmena sa dá dosiahnuť jednoduchou zmenou štýlu a všetky prvky na každej webovej stránke sa môžu automaticky aktualizovať.
- Polia atribútov s CSS sú širšie ako v HTML, takže v porovnaní s HTML atribútmi môže CSS poskytnúť lepšiu prezentáciu a návrh alebo rozloženie pre akýkoľvek webový dokument. Atribúty HTML sú tiež zastarané a odporúča sa, aby sa CSS používala pre všetkých vývojárov v procese vývoja webových aplikácií, takže môže byť lepším prístupom k tomu, aby ste začali používať CSS v každom webovom dokumente a robili ich kompatibilnými so súčasnými a budúcimi prehľadávačmi.
- V prípade viacerých zariadení, ktoré používajú rôzne verzie webových stránok, je možné ten istý dokument HTML dôkladne využiť. CSS umožňuje optimalizáciu obsahu pre viaceré zariadenia, preto táto funkcia môže dať webovému dizajnérovi alebo vývojárovi ešte jeden dôvod na to, aby na všetkých svojich webových stránkach použil prvky CSS.
- Pravidlá štýlov sa riadia CSS, čo pomáha pri vykresľovaní šablóny štýlov prehliadačmi. Každé pravidlo štýlu sa skladá z entít, ako je Selektor, Vlastnosť a Hodnota. Selektor je značka HTML, pri ktorej sa použije štýl a vlastnosť je typ atribútu značky HTML. Všetky atribúty HTML, napríklad farba, sa ohraničia na vlastnosti CSS. Teraz sú hodnoty priradené všetkým vlastnostiam, vlastnosť farby môže mať hodnotu ako červená alebo ľubovoľná alfanumerická hodnota. Existuje niekoľko spôsobov, ako spojiť štýly s dokumentom HTML. Externý CSS a inline CSS sú dva najbežnejšie spôsoby, ako zahrnúť štýl do dokumentu HTML. Pomocou elementu style je možné pravidlá CSS vložiť do dokumentu HTML, značka štýlu sa v zásade umiestni do značky head. Teraz sú pravidlá definované pomocou tohto prístupu alebo syntaxe uplatniteľné na všetky prvky dostupné v dokumente. Inline CSS styling sa dosiahne v rámci jedného riadku, kde je definovaný atribút štýlu pre akýkoľvek prvok HTML na definovanie pravidiel štýlu. CSS3 je najnovším štandardom CSS, pričom staršou verziou je CSS2. Medzi obidvomi verziami CSS je viacnásobný rozdiel. Všetky špecifikácie CSS2 spolupracujú a nové špecifikácie sa zavádzajú v rámci CSS3, nazývaného modul.
Vysvetlenie prípadu CSS:
-
Prehľad:
Šablóny štýlov používané v CSS2 nerozlišujú malé a veľké písmená, tie časti, ktoré nie sú pod kontrolou CSS, nerozlišujú veľké a malé písmená, pretože hodnota atribútov HTML, ako je id, trieda, názvy fontov, identifikátory URI atď., Je mimo rozsahu špecifikácie. definované pre styling CSS. Všetky selektory atribútov CSS majú funkciu nerozlišovania malých a veľkých písmen, pretože selektor atribútov spôsobí, že sa hodnota priradí spôsobom nerozlišujúcim veľkosť písmen ASCII. Preto selektor CSS vrátane selektorov tried a ID nerozlišuje veľké a malé písmená, zatiaľ čo názvy tried HTML rozlišujú malé a veľké písmená. Citlivosť selektora na veľké a malé písmená však vychádza zo skutočnosti, čo o nich káže dokument. Skutočný CSS sám o sebe nerozlišuje veľké a malé písmená, ale iba to, že názvy musia rozlišovať veľké a malé písmená, aby sa stali jedinečnými identifikátormi.
-
vysvetlenie:
Ak stránka využíva XHTML DOCTYPE, výbery CSS sa stanú citlivými na malé a veľké písmená, avšak pri HTML DOCTYPE sa ten istý selektor stáva veľkými a malými písmenami. V prípade CSS Rozlišujú malé a veľké písmená, názvy prvkov elementu jazyka dokumentu, ktoré sa používajú vo selektoroch, závisia od jazyka dokumentu. Názvy HTML nerozlišujú malé a veľké písmená, ale v XML rozlišujú malé a veľké písmená. Rovnakým spôsobom možno povedať, že CSS nerozlišuje veľké a malé písmená, ale adresy URL obrázkov a ďalšie priame odkazy so šablónami štýlov môžu rozlišovať malé a veľké písmená. Ak vývojár môže napísať dokument pomocou deklarácie XML, s XHTML DOCTYPE, potom sa názvy tried CSS budú v niektorých prehliadačoch správať citlivo na veľkosť písmen CSS. Zároveň je veľmi dôležité zostať dôslední, pretože pôvod zmätku vyplývajúci z nekonzistentnosti spôsobenej webovými dizajnérmi alebo vývojármi. Dôrazne sa odporúča nepoužívať rovnaké názvy CSS.
Napríklad - nikdy to nerobte
.Test (farba: červená; )
.test (farba: zelená; )
Záver - Je prípad CSS citlivý?
Dá sa teda povedať, že citlivosť písmen a hodnôt atribútov použitých v selektore rozlišuje veľkosť zvoleného jazyka dokumentu. Pridal sa ďalší modifikátor, tj (i), pre selektory atribútov CSS, takže autor môže mať povolenie, aby sa v webovom dokumente ASCII mohla zhodovať malá a malá písmena atribútu.
Príklad -
Li (id $ = „test“ i) (farba: červená; )
Li (id $ = “test”) (font-weight: bold; )
Prvý príklad je použiteľný pre položky zoznamu, ktoré majú atribút id s koncom „test“ alebo „Test“, Druhý príklad je použiteľný pre položky zoznamu, ktoré majú atribút id s presným koncom ako „test“, ale nie s koncovkami ako „Test“ alebo „TEST“.
Odporúčaný článok
Toto bol sprievodca Je citlivý na prípady CSS. Tu sme diskutovali základné pojmy, ako aj výhody a vlastnosti prípadu CSS. Ďalšie informácie nájdete aj v nasledujúcich článkoch:
- CSS vs JavaScript
- CSS vs CSS3
- Cheat sheet CSS3
- Kariéra v CSS