CSS Inline Stil Font Size

Det finnes noen måter web designere og utviklere kan kontrollere størrelsen og type font som gjengir på innholdet på en nettside, inkludert bruk Hypertext Markup Language (HTML) koder og Cascading Style Sheets (CSS). HTML-koder for å kontrollere skrift har falt i unåde, men som nåværende versjoner av HTML depresieres - eller inkluderer ikke - skrift koder. Derfor har CSS blitt den mest populære måten å håndtere skrifter.

CSS

CSS definerer "stiler" for hvordan en nettleser skal vise en side til en bruker. Disse stilene inkluderer farger, bilder, layout og fonter som vises på websiden. I de tidlige dagene av offentlig webbruk, designere og utviklere brukt HTML-koder for å definere disse stiler; Men HTML er designet for å organisere innholdet på en webside, ikke dens design.

Inline vers Style Sheet

Du kan bruke CSS-stiler på to forskjellige måter: inline, eller i selve koden til en bestemt side, eller som a.CSS fil, eller style sheet, som du bruker på en side eller gruppe av sider. Den største fordelen med å bruke et stilark er at endringer kan være "global", eller hvilken som helst ønsket endring i en stil på nettsiden kan endres på ett sted for å vises over sidene som filen ble brukt. Men embedding en CSS stil innen en webside åpner for mer presis kontroll over hvordan et bestemt element vises, spesielt hvis det elementet avviker på noen måte fra resten av siden eller sidene.

CSS Font Properties

CSS lar deg kontrollere flere faktorer om en font utseende, inkludert skriftstil (normal, kursiv eller fet skrift), font varianter (kapiteler, for eksempel), fontfamilien (ønsket skrift eller type skrift, for eksempel Times New Roman eller sans serif) og skriftstørrelsen. Skriftstørrelsen gjør at du kan styre den absolutte eller relative størrelsen på skriftene på alle nivåer i innholdet, inkludert overskrifter (H1, H2, etc) og avsnitt tekst.

Font Size Eksempel

Hvis du ønsket å endre skriftstørrelsen på en bestemt del av teksten, vil du sette inn et innebygd, inline CSS stil rundt den delen. For eksempel. Hvis du har avsnitt som du ønsker å vises på 20 piksler i størrelse, vil du sette en stil tag bruke skriftstørrelse, deretter ende koden der du ønsker å gå tilbake til den tidligere skriftstørrelsen. Koden vil se slik ut:

<P style = "font-size: 20px">. Denne paragrafen som ville dukke opp på 20 piksler </ p>