Als CSS wordt een drijvende kracht is nieuwe web page design , velen ontdekken hoe de taal maakt codering pagina's anders dan hetero HTML . Een hoofdgedachte in CSS is het verschil tussen de verschillende elementen . Je zou kunnen zeggen een block -element fungeert als een paragraaf : denk aan het als een element dat een nieuwe regel , die niet de ruimte delen dwingt . Maken blokelementen is onderdeel van webpagina spatiëring ontwerp , zoals ingenieurs te verbeteren op de oude HTML-tag systeem . Instructies
1 Bepaal uw object . Gebruik ofwel een eenvoudige definitie ( Vb : h1 voor een kop ) of een klasse . Classing een element in CSS gaat geven eigenschappen gedefinieerd in CSS selector commando's , bijvoorbeeld als A is uw element : A {color : red } kopen van 2 Nu, als A is een element dat u wilt maken in een block -element , kunt u een andere CSS- commando gebruiken om het te maken op die manier via het display commando . Voor A , zou het commando er als volgt uit : A { display: block }
3 Overweeg ook het gebruik van andere weergave stijlen die een block -element , zoals ' list - post ' , ' compact ' en ' run - in ' . ( Beide ' compact ' en ' run - in' te ondersteunen voor meerdere beeldschermen stijlen ) .
Manifest 4 je element met behulp van open en sluit tags in CSS en het zetten van tekst of andere code binnen.
< br > 5 Doe een pagina te bekijken om te zien of CSS maakte je element in een blok -element . Als blijkt op zijn eigen lijn en gepositioneerd als je bedoeld , je bent succesvol .
6 Om uw syntaxis verder te controleren , gaat u naar de W3 site en gebruik hun validator tool. Upload eenvoudig uw pagina code en de CSS validator zal u tonen eventuele fouten .
|
