1.0 KiB
1.0 KiB
+++ title = "web" draft = false tags = [ "code", "web" ] date = "2013-03-12" +++
Website Styles
Quick Links
CSS Stuff
- ❗ http://lesscss.org/ - Less.js Will Obsolete CSS!
LESS
implementatie in Javascript - http://www.andybudd.com/ CSS centered blog
Centering a div met margin auto
Zie http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div/
body {
text-align: center;
min-width: 600px;
}
#wrapper {
margin:0 auto;
width:600px;
text-align: left;
}
Spaties tussen een link en bovenstaande blocks
Gegeven structuur:
<div clas="div">
<a href######"#" clas"link">bla</a>
</div>
Hoe kan ik de div vergroten zodat die de link bevat maar de link zelf margin-top
bevat? zo:
.div a .link {
display: block;
margin-top: 10px;
}
Zonder display: block
wordt een link als inline
gerenderd. Inline betekent alles naast elkaar. Zie http://www.quirksmode.org/css/display.html