Bygga en professionell hemsida: del 3 CSS (6 / 6 steg)
Steg 3: CSS består av tre delar:
En selektor, egendom och värde.- selector {egenskap: värde}
Väljaren är vanligtvis HTML-tagg du vill definiera egenskapen är det attribut som du vill ändra och varje fastighet kan ta ett värde. Egenskapen och värdet separeras av ett kolon, och omges av {och}:
- kroppen {color: #c0c0c0}
Om värdet har mer än ett ord avgränsa dem med kommatecken.
- kroppen {color: #c0c0c0}
- kropp, td, th {font-family: Verdana, Arial, Helvetica, sans-serif}
Om du gör fler än en fastighet skilja dem åt med ett semikolon ";"
- kropp, td, th
- {
* font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 12px;
- färg: #666666;
- }
Märker hur mycket lättare att läsa det är om du inte sätta allt på en rad! Också, märke hur kan du gruppera flera väljare av ett kommatecken "organ, td, th"
Du göra väljaren till en klass. Du kan använda detta för att göra olika delar av din sida visas olika genom att ange "klass" start med en period som .title
- .title
- {
- stoppning-vänster: 80px, font-size: 24px; padding-top: 25px
- }
Placera klassen som denna på din HTML-sida < H4 klass = "titel" > grejer < / H4 >
Hålla din CSS ren och organiserad genom att placera kommentarer som inte ses av någon annan än du att dela upp olika delar av din formatmall.
/ * Detta är en kommentar * /
Fantastiskt jobb! Använda plåt du laddat ner och verkligen dra sönder hela konstruktionen. Prova olika saker och se vad som händer med din HTML-sida. Jag vet detta inte är en fördjupad kurs i HTML och CSS men sedan igen det var tänkt att vara en "till point" instructable på att bygga en professionell webbplats. Jag kommer gärna att vara noggrannare om jag får tillräckligt förfrågningar eller svara på frågor. Leta efter de prover jag kommer att göra. Chansen är stor jag kommer åter att skapa något till nytta för dig.