你可能会喜欢
Een block element centreer je horizontaal met margin:auto. Met text-align:center centreer je de inhoud van een element (en deze overerft!).
Een block-level-parent rekt standaard niet mee met zijn ingesloten floated block. Een parent met float of overflow:hidden rekt wel mee.
Floated blocks staan niet meer in de flow van de pagina, ze zweven erboven. De block-level elementen in de pagina negeren de floated blocks
Terminologie uit mijn boek: containing block is de (grand)parent ten opzichte waarvan een element absoluut gepositioneerd staat.
Een inline element kan slechts inline elementen insluiten. Inline heet ook wel text-level. Tekst is ook inline: alle letters naast elkaar.
In CSS kan je met de eigenschap display een block-level element veranderen in inline of inline-block en andersom.
Inline elementen zijn zo breed als hun inhoud en staan naast elkaar. Width of height geven heeft geen zin. Bijv a, br, em, strong, span.
Je kunt elementen verdelen in 2 groepen: inline en block. Inline elementen staan naast elkaar, block elementen beginnen op een nieuwe regel.
Beter om een element met een width geen padding en borders te geven maar aan de inhoud ervan. Let er dan wel op dat deze geen width krijgt.
Top en bottom marges van aangrenzende blocks overlappen elkaar, je ziet dus geen verschil als je een van beide marges op 0 zet.
Gebruik altijd procenten voor de lettergrootte zodat ook lezers met oudere browsers een grotere letter kunnen instellen.
Structureer je tekst met alinea's. Browsers geven deze standaard witruimte met margin-top en -bottom.
Het element em benadrukt tekst en is dus betekenisvol voor Google en screenreaders. Deze zien het element i als vormgeving en betekenisloos.
Het gekozen font en color van de body gelden in beginsel voor de hele inhoud. Geef dit daarom pas in voor andere elementen als het afwijkt.
Kies in de voorkeuren van Dreamweaver om CSS te schrijven in steno. Bijv. margin: 0 10px 0 20px ipv voor iedere kant een aparte declaratie.
Geef een webpagina bij voorkeur geen vaste hoogte maar laat de inhoud de hoogte bepalen. Een min-height kan wel.
Als je geen tooltip wilt zien in IE, plaats dan een leeg attribuut title. Dat ziet er zo uit: title="".
Voorkom onnodige informatie die de screenreader moet voorlezen: laat het attribuut alt liever leeg als de afbeelding slechts illustratief is
De lettergrootte van de lezer bepaalt hoeveel letters er op een regel passen. Een regeleinde (break) kan daardoor net verkeerd uitkomen.
United States 趋势
- 1. Yamamoto 46.3K posts
- 2. #DWTS 43.1K posts
- 3. Brewers 41.2K posts
- 4. Growth Path 1,604 posts
- 5. #FlyTogether 2,632 posts
- 6. #TexasHockey 3,336 posts
- 7. halsey 8,162 posts
- 8. Ohtani 13.9K posts
- 9. Kreider 1,199 posts
- 10. Young Republicans 72.4K posts
- 11. Jared Butler N/A
- 12. #Dodgers 16.1K posts
- 13. #MakeOffer 10.5K posts
- 14. Domain For Sale 10.8K posts
- 15. Jarry N/A
- 16. Robert 106K posts
- 17. Tokyo Narita N/A
- 18. Haji Wright 1,203 posts
- 19. Will Richard 2,622 posts
- 20. Roldan 2,662 posts
Something went wrong.
Something went wrong.