Hvordan man bruger tilpassede klassestiler i Cascading Style Sheets (CSS)

Klassestiler , som også nogle gange kaldes brugerdefinerede klassestile , brugerdefinerede stilarter eller < brugerdefinerede klasser i Cascading Style Sheets (CSS) er til de tidspunkter, hvor du vil oprette en særlig stil og derefter selektivt anvende den på et ubegrænset antal elementer eller genstande på en webside. F.eks. I sætningen "Nyhedsbrev til vores daglige tilbud giver dig de hotteste salg, kampagner og specialtilbud i de mest populære butikker i en letlæselig daglig e-mail", kan du oprette en brugerdefineret klassestil at ændre ordene

Daglige tilbud og derefter anvende den stil på disse ord i HTML'en.

Når du skriver klassestiler i CSS-filen, skal du medtage en periode (.) Direkte før vælgernavnet som vist her:

. dagligdags

{font-family: Georgia, "Times New Roman", Times, Serif; skrifttypestørrelse: 23px; font-weight: bold; farve: # 336699;} Periodens tilstedeværelse udfører to funktioner:

Det hjælper dig med hurtigt at identificere klassestiler fra andre typer stilarter, når du gennemser din CSS-kode.

• Det er måske vigtigere, at det informerer browsere om, at stilen er en brugerdefineret klasse, der selektivt anvendes til indhold på siden.

• Når du opretter en klassestil, kan du navngive vælgeren alt, hvad du vil, så længe det ikke er navnet på et HTML-mærke, der aktuelt bruges.

For eksempel ville det være en rigtig dårlig ide at oprette en klassestil, der hedder. krop eller. s. Så i overensstemmelse med begrebet semantisk HTML, prøv at navngive dine klassestile efter den funktion, de udfører, som f.eks. fremhæve eller. imageborder.

Når du er færdig med at skrive stilstandsreglerne i CSS til din klassestil, kan du anvende stilen til ethvert objekt i HTML-dokumentet ved at tilføje klasseattributten til åbningsbeholderens mærke objektet eller indholdet er stylet:

class = "dailydeals" >> Vores nyhedsbrev giver dig de hotteste salg, kampagner og specialtilbud hos de mest populære butikker i en letlæselig daglig e-mail.

Når du angiver klassestilen i HTML-koden med klassetildelingen, skal den periode, der kræves i CSS'en, når du opretter stildefinitionen, ikke placeres foran stilnavnet mellem citatmærkerne som vist i den forrige kode. Hvis du foretrækker, at klassestilen kun skal anvendes på et eller to ord eller en kort sætning i stedet for alle elementerne i et containermærke, kan du selektivt anvende klassestilen til dit objekt (er) ved hjælp af tagget med Klasseværktøj:

Vores

daglige sager  >> Daglige tilbud Nyhedsbreve giver dig de hotteste salg, kampagner og specialtilbud hos de mest populære butikker i en letlæselig daglig e-mail. Et tag er et inline-tag, der bruges til at anvende styling til elementer i dokumenttekststrømmen. Dette tag er i det væsentlige et tomt HTML-container-tag, der ikke gør noget, før du fortæller det at gøre noget ved at anvende en attribut til det, som f.eks. At tilføje klassen, id eller stilattributtet til stilindhold. Illustrationen viser forskellen mellem at tilføje en klasseattribut til et -mærke (øverst) i forhold til at tilføje det til et mærke, der omgiver specifikt indhold (nederst).