Betydning av parenteser i CSS

Video: Architecture Kata #1 - Analysis with an expert [How does a real Solution Architect work] #ityoutube

Innhold

nøkler
parentes
braketter
vinkeltegnene
CSS Notater
referanser
hjelp

Akronym CSS kommer fra de engelske "cascading style sheets", eller "cascading style sheets". CSS gir større grad av kunstnerisk og designkontroll til webutviklere og designere ved å skille innhold fra skjermparametrene. CSS-setningene er plassert i overskriften til et webdokument, og vises deretter inne i nettsiden av nettsiden ved hjelp av braces - {}. Inne i braces er parentesene - () - eller parentes - [] - som angir andre CSS-elementer.

CSS-parentes brukes i kroppen til et webdokument (Comstock / Comstock / Getty Images)

nøkler

Taster er de viktigste elementene i CSS-syntaksen. De betyr åpning og lukning av alle CSS-parametrene som finnes i dem. Representert som {}, følger de CSS-elementer som betyr et bilde, en posisjon, et displayelement eller en hvilken som helst kombinasjon av elementer. Nøkler kan eksistere innenfor et div-element / -lag, og er alltid inne i "</ body>" -kodene. Her er et eksempel:

div # eksempel {polstring: 5px; margin: 20px; bredde: 350px; }

parentes

Relasjonselementer, som prosentandeler og farger, er vedlagt i parentes. Parenteser gir ytterligere definisjon til CSS-elementer. I CSS-versjoner før CSS3 kan parenteser definere elementer på samme måte som nøkler. To eksemplarer er henholdsvis farge (definert av heksadesimal kode) og bakgrunnsbilder:

farge: rgb (128, 128, 255); bilde: url ("/ images / bg.png")

braketter

Braketter - [] -, kjent som attributtvelger, brukes til å angi attributtverdier for et element. Det var fire forskjellige verdier i CSS2 og ble lagt til, men tre med CSS3. De fire opprinnelige seleksjonene definerer tilstedeværelsen av attributtet - [tittel], som svarer til ethvert element som har et spesifisert «tittel» attributt; den enkle attributtverdien - input [type = "send"], som tilsvarer et hvilket som helst inngangselement hvis attributtype er lik "send"; listen attributtverdien - p [class ~ = "literary"], som svarer til avsnitt hvis klassetributt er en liste over ord adskilt av mellomrom, hvorav den ene er "litterær"; og delvis attributtverdi - [href ^ = "http:"], som tilsvarer koblingselementer hvis attributtverdi begynner med "http:". Brakettene ble ikke mye brukt før introduksjonen av Internet Explorer 7, fordi IE6 ikke gjenkjente dem.

Mange algebraiske symboler brukes som CSS-elementer (BananaStock / BananaStock / Getty Images)

vinkeltegnene

Seleksjonene og delene av grunnleggende hypertekst markup språk (HTML) og utvidbare markup språk (XML) dokumenter er avgrenset av spisse parentes, kjent som chevrons . De representerer også et barnelement av enkelte CSS-elementer. I CSS består en "barnvelger" av to eller flere elementer skilt av chevronen ">". Disse angir visse definerte deler av en nettside: Kroppen, som er siden synlig; lagene, som kan stables som ark på hverandre; eller titrering, betegner visse objekter eller datoer kjent som "mikroformater".

CSS Notater

Separert fra CSS-parenteser, men fortsatt et verdifullt organisatorisk verktøy for utførlige CSS-oppsett, er de stilarknotater. Dette er kommentarer som ikke legger til noe i HTML-koden, og derfor øker ikke sidetiden for sidene. de gir en oversikt for lang og utførlig CSS. Notater i CSS er plassert innenfor eget attribut - / * - som dette:

/ Eventuelle kommentarer finnes i segmenter avgrenset av et skråstrek og en stjerne. /

De kan være utrolig verdifulle for å hjelpe deg med å navigere i deler av cascading stilark.