Innehållsförteckning:
Video: How to save inspect element changes permanent 2024
Ett sätt att utforma specifika element i CSS är att namnge dina HTML-element. Du namnger din kod genom att använda antingen attributet
id
eller
klass
och sedan ställa in din kod genom att hänvisa till väljaren
id
eller
klass
.
Namnge din kod med id-attributet
Använd attributet
id
för att utforma ett specifikt element på din webbsida. Attributet
id
kan namnge något HTML-element och placeras alltid i HTML-taggen som öppnats. Dessutom kan varje element bara ha ett attribut på
id
attribut och attributvärdet måste bara visas en gång i HTML-filen. När du har definierat attributet i HTML-filen, hänvisar du till HTML-elementet i din CSS genom att skriva en hashtag (
#
) följt av attributvärdet.
Med hjälp av attributet
id
följer följande kodstilar den moderna Seinfeld Twitter färgen röd med en gul bakgrund:
HTML:
Modern Seinfeld
CSS:
#jerry {
färg: röd;
bakgrundsfärg: gul;
}
Namnge din kod med klassattributet
Använd attributet
klass
för att stila flera element på din webbsida. Attributet
klass
kan namnge något HTML-element och placeras alltid i HTML-taggen som öppnas. Attributvärdet behöver inte vara unikt i HTML-filen. När du har definierat attributet i HTML-filen, hänvisar du till HTML-elementet genom att skriva en period (.) Följt av attributvärdet.
Med attributet
klass
, länkar följande kodstilar alla Parody Tech Twitter-kontot färgen röd utan någon understrykning:
HTML:
Bored Elon Musk < Vinod Coleslaw
. tech {
färg: röd;
text-dekoration: ingen;
}
Proaktivt använd en sökmotor, till exempel Google, för att söka efter ytterligare CSS-effekter. Om du till exempel vill öka avståndet mellan varje listobjekt, öppnar du webbläsaren och söker efter linjepostlinje css. Länkar som visas i de tio bästa resultaten bör innehålla:
W3Schools
- : En nybörjarehandledningssida Stack Overflow
- : Ett diskussionsforum för erfarna utvecklare Mozilla: En referens guide som ursprungligen skapades av stiftelsen som upprätthåller Firefox-webbläsaren och nu underhålls av en community of developers.
- Var och en av dessa webbplatser är ett bra ställe att börja; var noga med att leta efter svar som innehåller exempelkod.