Innholdsfortegnelse:
Video: Andrew Stanton: The clues to a great story 2024
En måte å utforme bestemte elementer i CSS er å navngi HTML-elementene dine. Du kaller koden din ved å bruke enten
id
eller
klasse
attributtet, og deretter stile koden din ved å referere til
id
eller
klasse
velgeren.
Navngi koden din ved hjelp av id-attributtet
Bruk
id
attributtet til å utforme ett bestemt element på websiden din. Egenskapen
id
kan navnet på et hvilket som helst HTML-element, og plasseres alltid i åpnings HTML-taggen. I tillegg kan hvert element bare ha en
id
attributtverdi, og attributtverdien må bare vises én gang i HTML-filen. Når du har definert attributtet i HTML-filen, henviser du til HTML-elementet i CSS ved å skrive en hashtag (
#
) etterfulgt av attributtverdien.
Moderne Seinfeld
med
id
CSS:
#jerry {
farge: rød;
bakgrunnsfarge: gul;
}
Navngi koden din ved hjelp av klassetributtet
Bruk
klasse
attributtet til å utforme flere elementer på websiden din. Attributtet
klasse
kan navngi et hvilket som helst HTML-element og plasseres alltid i åpnings HTML-taggen. Attributtverdien trenger ikke være unik i HTML-filen. Når du har definert attributtet i HTML-filen, henviser du til HTML-elementet ved å skrive en periode (.) Etterfulgt av attributtverdien.
klassen
-attributtet forbinder følgende kodestiler alle Parody Tech Twitter-kontoen fargen rød med ingen understreket:
HTML:
Bored Elon Musk < Vinod Coleslaw
farge: rød;
tekst-dekorasjon: ingen;
}
Bruk en søkemotor, for eksempel Google, til å søke etter flere CSS-effekter. For eksempel, hvis du vil øke avstanden mellom hvert listepost, åpner du nettleseren din og søker etter linjestykke for linjepost css. Lenker som vises i de ti beste resultatene bør inneholde:
W3Schools
:
- En nybegynneropplæringsside Stack Overflow :
- Et diskusjonsforum for erfarne utviklere Mozilla: En referanse guide opprinnelig opprettet av fundamentet som opprettholder Firefox-nettleseren og nå vedlikeholdes av et fellesskap av utviklere Hver av disse nettstedene er et godt sted å starte; sørg for å se etter svar som inkluderer eksempelkode.
