Hva er stenografi i CSS?

En Cascading Style Sheets dokumentet består av regler som styrer utseendet på HTML-elementer. En kompleks web design og layout ville kreve mange CSS-regler med flere erklæringer. Stenografi egenskaper spare forfatteren tid og rom ved å kutte unødvendige linjer med kode.

Definisjon

En CSS-regel består av to deler: En velger tilsvarer et HTML-element og en eller flere erklæringer gi informasjon om velgeren. En erklæring inneholder en egenskap og en verdi. De fleste erklæringer angi verdien av bare én eiendom. Med en forkortelse eiendom, men du kan erklære verdiene av flere eiendommer i samme erklæring.

syntax

Et eksempel på en CSS-regel med flere erklæringer er vist nedenfor. I dette eksempelet velgeren "h3" setter vekt, størrelse, familie og andre attributter for H3 tag på en webside. Hver font-hotellet har sin egen erklæring.

h3 {

font-variant: normal;

font-style: normal;

font-weight: bold;

font-size: 18 pkt;

line-height: 20 pkt;

font-family: Georgia;

}

stenografi

Det er mer effektivt å markere flere eiendommer i stenografi i stedet, hvis mulig. For å omskrive skrift erklæringer i stenografi, bruker CSS font eiendom som vist nedenfor. Skriv inn de verdiene du trenger for dine websider. Hvis du er usikker på hvilke verdier font egenskaper kan ha, kan du se en CSS referanse, for eksempel ved W3Schools.com. Eksempelet her setter H3 tag i fet skrift, Georgia, størrelse 18 og linjehøyde 20.

h3 {font: bold 18 pt / 20 pkt Georgia;}

Tips

Stenografi eiendomsverdiene må erklæres i en bestemt rekkefølge. I tilfelle av skriften eiendom, er rekkefølgen: stil, variant, vekt, størrelse, linjehøyde og skriftfamilie. Du kan angi flere skriftfamilie valg ved å skille dem med komma. Hvis ingen verdi er spesifisert for en eiendom, vil denne egenskapen anta standardverdien.