Basically what this does is "removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions."
Yahoo!'s UI Library offer a CSS reset which makes all elements in all browsers reset to zero. Thankfully Yahoo! have made the reset publicly available.
After adding or linking to the css from Yahoo! you have a firm base to style elements from, and as I was taught earlier on today, this can improve cross-browser font styling, especially in IE.
By giving the body tag a font size of 62.5%:
body {font-size:62.5%;}
all subsequent elements can be styled like this:
h1 {font-size:2em;}
Now, due to resetting the CSS and giving the body a font-size of 62.5%, all em values are related to pixel values in that 2em = 20px, 1.5em = 15px and so on.
There you have consistent cross-browser text styling.
Slider
Subscribe to:
Post Comments (Atom)
disqus, graphic-design-forum
OFF TOPIC
offtopic, 4
CREATIVE SHOTS
Art, Typography, illustration, featured
MOVIES
Movies, 4
GRAPHIC DESIGN BLOG
A design blog made up of web designers and graphic designers from around the world.
The Blog showcases some of the best Graphic Design, Web Design, Illustrations and Photography from around the web (with some movies and off-topic posts thrown in for fun).
The Blog showcases some of the best Graphic Design, Web Design, Illustrations and Photography from around the web (with some movies and off-topic posts thrown in for fun).
GRAPHIC DESIGN
PHOTOGRAPHY
LABELS
- Art (117)
- graphicdesign (281)
- illustration (279)
- logodesign (150)
- Movies (50)
- offtopic (131)
- photography (406)
- Typography (157)
- Webdesign (95)
© all rights reserved
made with by templateszoo
No comments
Post a Comment