Innholdsfortegnelse:
Video: Hvordan kode HTML og CSS - Del 6 Hvordan lage webdesign og style HTML med CSS 1/2 2024
En del av Web Design Alt-i-ett for dummier Cheat Sheet
Du kan bruke Cascading Style Sheets (CSS) på websidene dine på tre måter: ekstern, intern og inline. Som du bruker, er avhengig av hvordan du vil at ditt design skal fungere.
Ekstern CSS
Ekstern er den foretrukne måten å bruke CSS på. Ideelt sett plasserer du alle CSS-stilene dine i en ekstern CSS-fil, og legger til en kobling til den på alle sidens sider. Dette er den mest effektive måten å jobbe på, siden alle sidene vil stole på en enkelt CSS-fil, noe som gjør jobben enklere når det gjelder å redigere stilene dine på en hel nettside.
En kobling til en ekstern CSS-fil legges til koden på hver side før sluttkoden:
til importerer et eksternt stilark i stedet for å koble til en, sett inn stil og kommentarkoder før den avsluttende taggen:
@import url ("stylesheet. Css"); ->
Intern CSS
Intern er bra for bruk på en side og under utvikling, men ikke for ferdige nettsteder. Noen ganger inkluderer designere intern CSS på en enkelt side for å overstyre eventuelle koblinger til eksterne CSS-filer. Hvis du vil legge til CSS internt på en enkelt side, plasserer du CSS-stilene mellom et par koder før den avsluttende taggen på siden din:
kropp {bakgrunnsbilde: url ("bilder / mønster. Gif");} p {font-familien: verdana, arial, sans-serif;}
Inline CSS
Av og til må du kanskje overstyre både eksterne og interne CSS-stiler ved hjelp av inline CSS. Inline anbefales ikke, med mindre det er den beste eller eneste måten å bruke en stil på et objekt eller element i HTML. For å legge til CSS i linje med koden din, legg til stildefinisjonen i HTML-koden din:
style = "color: # 3399CC; fontstørrelse: 18px;" >> Solsystemet
