Betydelsen av parentes i CSS

Författare: Robert Simon
Skapelsedatum: 22 Juni 2021
Uppdatera Datum: 1 December 2024
Anonim
How can a physician become a tester? Interview with QA. How to log in to IT/#ityoutubersru
Video: How can a physician become a tester? Interview with QA. How to log in to IT/#ityoutubersru

Innehåll

Acronym CSS kommer från de engelska "cascading style sheets", eller "cascading style sheets". CSS ger en större grad av konstnärlig och designkontroll till webbutvecklare och designers genom att separera innehåll från displayparametrarna. CSS-förklaringarna placeras i rubriken i ett webbdokument och visas sedan inuti websidans kropp med braces - {}. Inuti fästena är parenteserna - () - eller parentes - [] - som anger andra CSS-element.


CSS-parentes används inom ramen för ett webbdokument (Comstock / Comstock / Getty Images)

nycklar

Nycklar är de viktigaste elementen i CSS-syntaxen. De innebär öppnandet och stängningen av alla CSS-parametrar som finns i dem. Representerade som {} följer de CSS-element som betyder en bild, position, visningselement eller någon kombination av element. Nycklar kan existera inom ett div-element / lager, och finns alltid i "</ body>" -taggarna. Här är ett exempel:

div # exempel {vaddering: 5px; marginal: 20px; bredd: 350px; }

parentes

Relationselement, till exempel procentandelar och färger, bifogas inom parentes. Parentes ger ytterligare definition av CSS-element. I CSS-versioner före CSS3 kan parentes definiera element på samma sätt som nycklar. Två exempel är färg (definierad av hexadecimal kod) respektive bakgrundsbilder:


färg: rgb (128, 128, 255); bild: url ("/ images / bg.png")

konsoler

Fästen - [] -, kända som attributväljare, används för att ange attributvärden för ett element. Det fanns fyra olika värden i CSS2 och tillsattes men tre med CSS3. De fyra ursprungliga selektorerna definierar närvaron av attributet - [titel], vilket motsvarar något element som har ett specificerat "titel" -attribut det enkla attributvärdet - inmatas [typ = "send"], vilket motsvarar något ingående element vars attributtyp är lika med "send"; listattributvärdet - p [class ~ = "literary"], motsvarande punkter vars klassattribut är en lista med ord åtskilda av mellanslag, varav en är "litterär"; och partiell attributvärde - [href ^ = "http:"], vilket motsvarar länkelement vars attributvärde börjar med "http:". Fästena användes inte mycket innan införandet av Internet Explorer 7, eftersom IE6 inte kände igen dem.


Många algebraiska symboler används som CSS-element (BananaStock / BananaStock / Getty Images)

chevrons

Selektorerna och sektionerna i det grundläggande hypertextmarkup-språket (HTML) och extensible markup language (XML) -dokument är avgränsade med spetsiga parenteser, kända som chevrons . De representerar också ett barnelement av vissa CSS-element. I CSS består en "barnväljare" av två eller flera poster separerade av chevronen ">". Dessa betecknar vissa definierade avsnitt på en webbsida: kroppen, vilken är sidan synlig; lagren, som kan staplas som pappersark ovanpå varandra; eller titrering, betecknar vissa objekt eller datum som kallas "mikroformat".

CSS Notes

Separerat från CSS-parenteser, men fortfarande ett värdefullt organisationsverktyg för utarbetade CSS-layouter, är de stilarknoteringar. Det här är kommentarer som inte lägger till något i HTML-koden och ökar därför inte sidans laddningstid. De ger en översikt för lång och utarbetad CSS. Anteckningar i CSS placeras inom eget attribut - / * - så här:

/ Eventuell kommentar finns i segment som avgränsas av ett snedstreck och en asterisk. /

De kan vara oerhört värdefulla för att hjälpa dig att navigera i avsnitt av kaskad stilark.

CSS kan hjälpa dig att designa sidor för olika skärmstorlekar utan att skapa separata layouter (Comstock / Comstock / Getty Images)

referenser

  • "CSS Mastery: Advanced Web Standards Solutions"; Andy Budd, et al .; 2009
  • W3-skolor: CSS-syntax
  • "Den ultimata CSS-referensen"; Tommy Olsson, et al .; 2008

medel

  • W3C: CSS Selectors [på engelska]
  • New2HTML: Syntet av CSS [på engelska]