Sissejuhatus CSS-i tõstutundlikesse:

CSS-i väiketundlikkuses on veebiarenduses nõutav mis tahes dokumendi stiil. Stiili juhtimiseks saab CSS-i tõhusalt kasutada ning see võib selle lihtsaks ja hõlpsaks muuta. See tähistab kaskaadlaadi stiili. CSS on keskmes disainikeel, mida kasutatakse veebidokumentide esitletavaks muutmiseks lihtsal, kuid tõhusal viisil. CSS-i abil saab käsitleda kogu veebilehe välimust ja olemust, olgu see siis teksti värv, lõikude vahe, fondi stiil, kasutatavad taustpildid või värvid, kujundus ja paigutus mitme seadme ekraanil ning ekraani suurus mitme efektiga. CSS annab arendajale volituse dokumendi esitamiseks.

CSS-i tunnusjooned ja eelised:

  1. Enamasti ühendatakse see märgistuskeelega, näiteks HTML, XHTML. See aitab arendajal aega kokku hoida. Kui CSS-skriptifail on kirjutatud, saab seda kasutada mitmel HTML-lehel. Iga HTML-element saab määratleda oma stiili ja arendaja saab seda rakendada nii paljudele veebilehtedele või dokumentidele.
  2. Muud CSS-i tõstutundlike eeliste peamised eeldused on sisutihe kood, arendaja ei pea HTML-i atribuute iga kord kirjutama. Arendaja saab konkreetse sildi jaoks kirjutada ühe CSS-i reegli ja rakendada HTML-failis iga sildi esinemise korral. Seega on kood kokkuvõtlikum ja sisutihedam, seega saavad seda arvustuse autorid tõhusamalt mõista. Lühike kood toob kaasa ka ühe muu eelise, näiteks võib lehe laadimine olla varasemast kiirem. DOM-i mudelit kasutatakse mis tahes HTML-dokumendi efektiivseks muutmiseks, hajutatud või valesti kirjutatud elementide või sildi tulemuseks on latentsus, mida saab selle lähenemisviisi abil parandada. Igasuguseid globaalseid muutusi saab teha lihtsalt stiili muutmisega ja kõigi veebilehtede kõiki elemente saab automaatselt värskendada.
  3. CSS-iga atribuutide massiivid on laiemad kui meil HTML-is, nii et võrreldes HTML-atribuutidega saab CSS anda parema esitusviisi ja kujunduse või paigutuse lähenemisviisi iga veebidokumendi jaoks. Samuti on HTML-atribuudid aegunud ja CSS-i soovitatakse veebiarendusprotsessis kasutada ükskõik millise arendaja jaoks, nii et see võiks olla parem lähenemine, kui hakata CSS-i kasutama igas veebidokumendis ja muuta need ühilduvaks tõhusalt praeguste ja tulevaste brauseritega.
  4. Mitme seadme puhul, kus kasutatakse veebisaidi erinevaid versioone, saab sama HTML-dokumenti põhjalikult kasutada. CSS võimaldab sisu optimeerida mitme seadme jaoks, see funktsioon võib anda veebidisainerile või arendajale veel ühe põhjuse kasutada CSS-i elemente kõigi oma veebilehtede jaoks.
  5. Stiilireegleid reguleerib CSS, mis aitab stiililehte sirvida brauserite poolt. Iga stiilireegel koosneb üksustest nagu valija, omadus ja väärtus. Valija on HTML-märgend, mille puhul stiil rakendatakse, ja omadus on HTML-sildi atribuudi tüüp. Kõik HTML-atribuudid, näiteks värv, ääris teisendatakse CSS-i atribuutideks. Nüüd omistatakse väärtused kõigile atribuutidele, värvi omadusel võib olla selline väärtus nagu punane või mis tahes tähtnumbriline väärtus. Stiilide seostamiseks HTML-dokumendiga on mitu viisi. Väline CSS ja tekstisisene CSS on kaks levinumat viisi, kuidas HTML-dokumendis stiili lisada. Stiilielementi kasutades saab CSS-i reeglid panna HTML-dokumenti, stiilisilt paigutatakse põhimõtteliselt peasilti. Nüüd kehtivad selle lähenemisviisi või süntaksi abil määratletud reeglid kõigile dokumendis saadaolevatele elementidele. CSS-i sisestusstiil saavutatakse üherealise lähenemisviisiga, kus stiilireeglite määratlemiseks määratletakse HTML-i elementide jaoks atribuut. CSS3 on CSS uusim standard, varasem versioon on CSS2. CSS-i mõlemal versioonil on mitu erinevust. Kõik CSS2 spetsifikatsioonid teevad koostööd ja uued spetsifikatsioonid tuuakse CSS3 alla, mida nimetatakse mooduliks.

CSS-i tõstutundlikkuse selgitus:

  • Ülevaade:

CSS2-s kasutatavad stiililehed ei ole tõstutundlikud, need osad, mis pole CSS-i kontrolli all, ei ole tõstutundlikud, näiteks HTML-atribuutide (nt id, klass, fontinimed, URI-d jne) väärtus on väljaspool spetsifikatsiooni ulatust. määratletud CSS-i stiiliks. Kõigil CSS-i atribuutide valijatel on tõstutundlikkuse funktsioon, näiteks atribuudivalija põhjustab väärtuse sobitamise ASCII-väiketähtede suhtes tundmatul viisil. Seega on CSS-valija, sealhulgas klassi- ja ID-valijad, tõstutundlikud, HTML-i klassinimed on tõstutundlikud. Valija tõstutundlikkus sõltub aga sellest, mis dokumendis nende kohta jutlustatakse. Tegelik CSS ise ei ole tõstutundlik, kuid ainulaadseteks tunnusteks saamiseks peavad nimed olema tõstutundlikud.

  • Selgitus:

Kui leht kasutab XHTML-DOCTYPE-i, muutuvad CSS-i valijad tõstutundlikuks, HTML HTML-i DOCTYPE-i kasutamisel muutub sama selektor aga tõstutundlikuks. CSS-i puhul tundlikena selektorites kasutatavad dokumendi keele elementide nimed sõltuvad dokumendi keelest. HTML-i nimed ei ole tõstutundlikud, kuid XML-is on nad tõstutundlikud. Samamoodi võib öelda, et CSS ei ole tõstutundlik, kuid piltide URL-id ja muud stiililehega seotud otsesed viited võivad olla tõstutundlikud. Kui arendaja saab XML-deklaratsiooni abil dokumendi kirjutada koos XHTML DOCTYPE-ga, siis käituvad CSS-i klassi nimed mõne brauseri puhul CSS-i väiketundlikkusega. Samal ajal on väga oluline püsida järjepidevana, kuna segaduse põhjuseks on ebajärjekindlus, mille on sisse viinud veebidisainerid või arendajad. On tungivalt soovitatav mitte kasutada identseid CSS-nimesid.

Näiteks - mitte kunagi seda teha

.Test (värv: punane; )

.test (värv: roheline; )

Järeldus - kas CSS on tõstutundlik?

Niisiis, võib öelda, et selektoris kasutatavate atribuutide nimede ja väärtuste tõstutundlikkus keelab valitud dokumendikeele. CSS-i atribuutide valijatele on lisatud täiendav modifikaator, st (i), nii et autoril on lubatud lubada ASCII-veebidokumendis atribuudi väärtuse värtuse tundmatus vastavusse viia.

Näide -

Li (id $ = “test” i) (värv: punane; )

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

Esimest näidet saab kasutada loendielementide puhul, millel on id-atribuut, millel on lõpp “test” või “Test”. Teist näidet saab kasutada loendiüksustel, mille id-atribuut on täpse lõpuga “test”, kuid mitte lõpuga. nagu „Test” või „TEST”.

Soovitatav artikkel

See on juhend Is CSS Case Sensitive jaoks. Siin oleme arutanud nii CSS-i põhimõistete kui ka eelise ja CSS-i tõstutundlike omaduste üle. Lisateabe saamiseks võite vaadata ka järgmisi artikleid:

  1. CSS vs JavaScript
  2. CSS vs CSS3
  3. Petuleht CSS3
  4. Karjäär CSS-is

Kategooria:

Veebiarenduse tööriistad