Stap 3: CSS is opgebouwd uit drie delen:
Een selector, eigenschap en waarde.- Selector {eigenschap: waarde}
De selector is meestal de HTML-tag die u wilt definiëren, de eigenschap het kenmerk dat u wilt wijzigen, en elke eigenschap een waarde kunt nemen. De eigenschap en waarde worden gescheiden door een dubbele punt, en omgeven door {en}:
- lichaam {kleur: #c0c0c0}
Als de waarde heeft meer dan één woord scheiden met komma's.
- lichaam {kleur: #c0c0c0}
- lichaam, td, th {font-family: Verdana, Arial, Helvetica, sans-serif}
Als u meer dan één eigenschap van elkaar scheiden met een puntkomma ";"
- lichaam, td, th
- {
* font-family: Verdana, Arial, Helvetica, sans-serif;
- tekengrootte: 12px;
- kleur: #666666;
- }
Merk op hoe veel gemakkelijker om te lezen dat het is als je niet alles op één regel! U ziet ook hoe u meerdere selectors kunt groeperen door een komma "body td, th"
U de selector in een klasse. U kunt dit gebruiken om verschillende gedeelten van uw pagina zien er anders uit door het opgeven van de "klasse" start met een periode zoals .title
- .title
- {
- padding-links: 80px; lettertype-grootte: 24px; padding-top: 25px
- }
Uw HTML-pagina plaatst de klasse zoals dit < H4 klasse = "titel" > spullen < / H4 >
Het houden van uw CSS schoon en georganiseerd door het plaatsen van opmerkingen die niet worden gezien door iedereen maar je te verdelen van de verschillende secties van uw stylesheet.
/ * Dit is een commentaar * /
Fantastisch werk! Gebruik van het blad dat u hebt gedownload en het echt scheuren. Probeer verschillende dingen en kijken wat er gebeurt met uw HTML-pagina. Ik weet dat dit is niet een grondige cursus over HTML en CSS maar nogmaals het was bedoeld als een "To the point" instructable op het opbouwen van een professionele website. Ik zal u graag uitgebreider als ik krijg genoeg verzoeken of vragen beantwoorden. Kijk voor de monsters die ik zal maken. De kansen zijn dat ik zal opnieuw het creëren van iets voor u.
