Slik bruker du tilpassede klassestiler i Cascading Style Sheets (CSS) - dummies

Klassestiler, som også noen ganger kalles tilpassede klassestiler , tilpassede stiler, eller < egendefinerte klasser , i Cascading Style Sheets (CSS) er for de tidspunktene du vil lage en spesiell stil og deretter selektivt bruke den til et ubegrenset antall elementer eller objekter på en nettside. I setningen "Vår daglige tilbuds nyhetsbrev får du det heteste salg, kampanjer og spesialtilbud på de mest populære butikkene i en lettlest daglig e-post," du kan lage en tilpasset klassestil for å endre ordene

Daglige avtaler og deretter bruke den stilen til de ordene i HTML-koden.

Når du skriver klassestiler i CSS-filen, må du ta med en periode (.) Direkte før velgernavnet, som vist her:

. dailydeals

{font-family: Georgia, "Times New Roman", Times, serif; skriftstørrelse: 23px; font-weight: bold; farge: # 336699;} Periodens nærvær utfører to funksjoner:

Det hjelper deg raskt å identifisere klassestiler fra andre typer stiler når du vurderer CSS-koden din.

• Kanskje viktigere, informerer den nettlesere om at stilen er en egendefinert klasse som selektivt blir brukt på innhold på siden.

• Når du oppretter en klassestil, kan du velge selgeren alt du vil, så lenge det ikke er navnet på en HTML-kode som er brukt.

For eksempel ville det være en veldig dårlig idé å lage en klassestil som heter. kropp eller. s. Så, i tråd med begrepet semantisk HTML, prøv å navngi klassestilene dine etter funksjonen de skal utføre, for eksempel. markere eller. imageborder.

Når du er ferdig med å skrive ut stilreglene i CSS for klassestilen din, kan du bruke stilen til et hvilket som helst objekt i HTML-dokumentet ved å legge til klassenattributtet til åpningsbeholderens merke objektet eller innholdet blir stylet:

class = "dailydeals" >> Vårt nyhetsbrev gir deg de heteste salgene, kampanjer og spesialtilbud på de mest populære butikkene i en lettlest daglig e-post.

Når du angir klassestilen i HTML-koden med klassetributtet, må ikke perioden som kreves i CSS når du oppretter stildefinisjonen, plasseres foran stilnavnet mellom anførselstegnene, som vist i forrige kode. Hvis du foretrekker at klassestilen bare skal brukes på ett eller to ord eller en kort setning i stedet for alle elementene i en beholdermerke, kan du selektivt bruke klassestilen til objektet ditt ved å bruke taggen med klassen attributt:

Vårt

dagdags  >> Daglig tilbud nyhetsbrev gir deg de heteste salgene, kampanjer og spesialtilbud på de mest populære butikkene i en lettlest daglig e-post. Etiketten er en inline-tag som brukes til å bruke styling til elementer i dokumenttekststrømmen. Denne taggen er egentlig en tom HTML-container-tag som ikke gjør noe før du forteller det å gjøre noe ved å bruke et attributt til det, for eksempel å legge til klassen, id eller stilattributtet til stilinnhold. Illustrasjonen viser forskjellen mellom å legge til en klassetributt til en -kod (øverst) i motsetning til å legge den til en tag som omgir bestemt innhold (nederst).