Hvordan bruke CSS

April 1

CSS står for Cascading Style Sheets, og det er en form for datakodespråket som refererer til utformingen av tekst og bilder på en web-alder. CSS er ikke den mest designer vennlige system, men fortsatt er det en veldig enkel og nyttig måte å skrive kode for ditt eget nettsted. Denne koden er alltid blir oppgradert og forbedret, og som et resultat, når det brukes sammen med grunnleggende HTML-språket og Java script, er det mulig å komme opp med noen imponerende designede websider.

Bruksanvisning

1 Lær å bruke CSS språket inni HTML-koder. Dette kalles å skape stiler, og det er første skritt i å forstå CSS språk. For eksempel, hvis du prøvde å få en bakgrunnsfarge ved hjelp av kun HTML, tag ville sikkert lest som dette: <body bgcolor = "# 000000"> Dette vil gi deg en svart bakgrunn. Men hvis du vil, kan du plassere HTML-koden med en CSS attributt for den samme varen, bakgrunnsfarge. Det ville se ut som dette: <body style = "bakgrunn: # 000000;"> Dette ville ha samme effekt som HTML-språket er nevnt ovenfor, men det har fordelen av å bruke den nyere og forbedret CSS språket, for i CSS, den bakgrunn attributt kan styre mye mer enn bare fargen.

2 Opprett et internt stilark. Hver side kan kontrolleres av CSS språk. For å gjøre dette plasserer du CSS-kodene i hodet på hver side, og deretter hver tag vil påvirke hele siden, men bare den siden. Å plassere bakgrunnsfargen attributt ved hjelp av CSS i et internt stilark koden kan leses som dette <html> <head> <style type = "text / css"> kropp. {Background: # 000000, farge: ffffff,} </ head> <body> </ body> </ html> Denne informasjonen gir deg ikke bare en svart bakgrunn som i de foregående eksempler, men du får også en hvit farge som vil bli brukt på all tekst. Legg merke til hvordan CSS attributt er nå plassert på innsiden av curlicue parentes.

3 Bruk et eksternt stilark, som kan styre mange sider på samme nettsted. Dette er en av de store fordelene med CSS. Du kan lage en mal for en grunnleggende side i et eget sted. Denne nettsiden vil ende i suffikset "Css" og alle sidene som er knyttet til det vil dele hva attributter siden dirigerer. Hvis du vil koble til en gitt CSS siden din HTML-språket vil se slik ut: <html> <head> <link rel = "stylesheet" type = "text / css" href = "myfirststylesheet.css" /> / head> <body> </ body> </ html> Denne notasjonen vil importere alle attributtene som er oppført på egen stilark. Hva er virkelig flott om denne metoden er at du kan koble mange sider som denne stil kalt "myfirststylesheet.css." Alle sider ville dele eiendommene er oppført, men disse egenskapene kan endres i hver enkelt side om nødvendig.

4 Studer koden på andre nettsteder som du liker. For å finne den siden koden i Internet Explorer, klikker du bare på sideikonet og på "View Source" overskriften. Andre folks koden skal bare brukes som en rettesnor, og det bør aldri bli kopiert direkte.

Hint

Et godt sted å besøke for å lære mer, og også for å se hva som er mulig er csszengarden.com (se Ressurser nedenfor).
Studere koden av nettsteder som du liker er en flott måte å lære om å bygge websider, men kopier koden ordrett er plagiat og er et brudd på opphavsrettigheter.