Betydning af parenteser i CSS

Forfatter: Judy Howell
Oprettelsesdato: 1 Juli 2021
Opdateringsdato: 1 Kan 2024
Anonim
Basic CSS Part 01 (Brackets Editor)
Video.: Basic CSS Part 01 (Brackets Editor)

Indhold

Akronym CSS kommer fra de engelske "cascading style sheets" eller "cascading style sheets". CSS giver en større grad af kunstnerisk og designkontrol til webudviklere og designere ved at adskille indhold fra displayparametrene. CSS-udsagnene placeres i overskriften til et webdokument og vises derefter inde i websiden af ​​websiden ved hjælp af braces - {}. Inde i bøjlerne er parenteserne - () - eller parenteserne - [] - der angiver andre CSS-elementer.


CSS parentes bruges inde i et webdokuments krop (Comstock / Comstock / Getty Images)

nøgler

Taster er de primære elementer i CSS-syntaksen. De betyder åbning og lukning af alle CSS parametre indeholdt i dem. Repræsenteret som {} følger de CSS-elementer, der betyder et billede, en position, et displayelement eller en hvilken som helst kombination af elementer. Nøgler kan eksistere inden for et div-element / lag og er altid inde i "</ body>" -koderne. Her er et eksempel:

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

parentes

Relationselementer, såsom procentdele og farver, er vedlagt i parentes. Parenteser giver yderligere definition til CSS elementer. I CSS-versioner forud for CSS3 kunne parentes definere elementer på samme måde som nøgler. To eksemplarer er henholdsvis farve (defineret ved hexadecimal kode) og baggrundsbilleder:


farve: rgb (128, 128, 255); billede: url ("/ images / bg.png")

beslag

Brackets - [] -, kendt som attributtselektorer, bruges til at angive attributværdier for et element. Der var fire forskellige værdier i CSS2 og blev tilføjet, men tre med CSS3. De fire oprindelige selektorer definerer tilstedeværelsen af ​​attributten - [title], der svarer til ethvert element, der har en specificeret "titel" attribut; den simple attributværdi - input [type = "send"], svarende til ethvert inputelement, hvis attributtype svarer til "send"; listen attributværdi - p [class ~ = "literary"], svarende til afsnit hvis klassetegn er en liste af ord adskilt af mellemrum, hvoraf den ene er "litterær"; og delvis attributværdi - [href ^ = "http:"], svarende til linkelementer, hvis attributværdi begynder med "http:". Beslagene blev ikke meget brugt før introduktionen af ​​Internet Explorer 7, fordi IE6 ikke genkendte dem.


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

vinkler

Vælgerne og sektionerne af de grundlæggende hypertekst markup sprog (HTML) og extensible markup sprog (XML) dokumenter er afgrænset af spidse parenteser, kendt som chevrons . De repræsenterer også et barnelement af nogle CSS-elementer. I CSS består en "barnevælger" af to eller flere elementer adskilt af chevronen ">". Disse angiver bestemte definerede sektioner på en webside: kroppen, som er siden synlig; lagene, der kan stables som ark papir oven på hinanden; eller titrering, der angiver bestemte objekter eller datoer kendt som "mikroformater".

CSS Notes

Adskilt fra CSS parenteser, men stadig et værdifuldt organisatorisk værktøj til udførlige CSS layouts, er de stilark noter. Dette er kommentarer, der ikke tilføjer noget til HTML-koden, og derfor øger ikke sidetiden for siderne. De giver en oversigt over langvarig og uddybende CSS. Noter i CSS placeres inden for deres egen attribut - / * - som denne:

/ Enhver kommentar findes inden for segmenter afgrænset af et skråstreg og en stjerne. /

De kan være umådeligt værdifulde for at hjælpe dig med at navigere i sektioner af cascading stilark.

CSS kan hjælpe dig med at designe sider til forskellige skærmstørrelser uden at skabe separate layouter (Comstock / Comstock / Getty Images)

Referencer

  • "CSS Mastery: Advanced Web Standards Solutions"; Andy Budd, et al .; 2009
  • W3-skoler: CSS-syntaks
  • "Den ultimative CSS Reference"; Tommy Olsson, et al .; 2008

midler

  • W3C: CSS Selectors [på engelsk]
  • New2HTML: Syntaks af CSS [på engelsk]