Home › Blog › Web Developer's Journal: CSS Reset

MAIN MENU

Home About Us Contact Us Portfolio Pricing Newsletter News/Blog

WEB RESOURCES

Encyclopedia Hosting Browser Market Share Search Engine Market Share

Our Tweets

@wiredtree our website Africa.com is down, we cannot log in to Grove. please help us asap - 9:59am September 7, 2010
blue dot

5.2 #GHz #chip from #IBM http://t.co/tJUi9w9 - 8:25pm September 4, 2010
blue dot

My #iPhone slowed down and crash time to time after installation of #os4 ^Daniel - 12:45am September 2, 2010
blue dot

#Rent #movies via #YouTube http://t.co/k4oGXqx - 2:32pm August 30, 2010

Friday June 11, 2010, 18:50

Web Developer's Journal: CSS Reset

Web designers and web designers around the world are struggling with a cross-browser compatibility. To make web development process easier, experts have created something called CSS Reset. CSS reset is implemented in order to normalize most of the margin and padding-related differences across different browsers. This is a starting point for each HTML/CSS job.

An example bellow is crated based on Eric Meyer's CSS reset (meyerweb.com) and it is recommended by Royal Deer Design.

--

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

--

More info:
Definition of CSS Reset from Wikipedia: CSS Reset - CSS declarations remove margins and standardize cross-browser rendering on common elements.

Web Developer's Journal: CSS Reset

, created on Friday June 11, 2010, 18:50, article tagged with keywords: CSS Reset, HTML, browsers, cross-browser compatibility, web, web design, web developer, website, web,

Tags: CSS Reset, HTML, browsers, cross-browser compatibility, web, web design, web developer, website, web,

Web Developer's Journal: CSS Reset

, related articles:

Opera - there are browsers worse than IE | Blog/News | Sunday December 13, 2009 5:00
Few reasons: - problem with displaying images, in...
Skype has multipoint videoconferencing | Blog/News | Wednesday January 20, 2010 10:53
Company ViVu has released VuRoom, it is a plug-in ...
New York Times will Charge for Online Access | Blog/News | Wednesday January 20, 2010 13:16
The New York Times is going to charge readers for ...
Entrepreneur.com writes about a website from our portfolio! | Blog/News | Saturday January 23, 2010 20:19
Royal Deer Design is working with MV Sport on the ...
Google Voice | Blog/News | Wednesday January 27, 2010 7:56
The conflict between Google, Apple and AT&T about...

Website Design | Articles/Encyclopedia | Sunday January 17, 2010 17:44
Web design (Website Design). Web design it is a se...
Bounce Rate | Articles/Encyclopedia | Friday February 26, 2010 21:51
Bounce rate - a phrase used in website site traffi...