Jump to content

Css Initial Code (Clearing And Setting)


Recommended Posts

Hi all, I am trying to get into better practices and have written a CSS style sheet for my site that clears and then sets the basic CSS rules. Have I made any great error in this? I would appreciate feedback as I am planning on using this style sheet (adjusted for particular site requirements, on all my sites). Many thanks. The code:

@charset "utf-8";/* CSS Document *//* Clear all elements */p, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;text-indent: 0;font-size: 100%;font-weight: normal;}div, ul, li {margin: 0;padding: 0;text-indent: 0;}/* clear link defaults */a {margin: 0;padding: 0;text-indent: 0;font-size: 100%;}/* Set site defaults */p {font-size: 12px;margin-top: 5px;margin-bottom:3px;font-weight: normal;}h1 {font-size: 18px;margin-top: 12px;margin-bottom: 10px;margin-left: 8px;font-weight: bold;}h2 {font-size: 14px;margin-top: 6px;margin-bottom: 4px;margin-left: 3px;font-weight: bold;}h3 {font-size: 12px;margin-top: 7px;margin-bottom: 5px;margin-left: 2px;font-weight: bold;}h4 {font-size: 10px;margin: 2px;font-weight: bold;}h5 {font-size: 8px;margin: 1px;font-weight: bold;}h6 {font-size: 6px;font-weight: normal;}

Link to post
Share on other sites

Well, best practices is to always declare a unit size. You could also make judicious use of the universal selector *, to reset common attributes across the board.i.e.

*{   margin: 0px;  padding: 0px;  text-indent: 0px;}

to save space, I would consolidate some of your declarations

h1{   margin: 18px 0px 10px 8px;  /* T, R, B, L */}

Link to post
Share on other sites

By default header text is already bold This is a reset i use

*{padding:0;margin:0;}body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%;} /* font-size equivalent to 10px*/p{margin:0.9em 0;}h1, h2, h3, h4, h5, h6{margin:0.9em 0;}h1 {font-size:2em;}h2 {font-size:1.84em;}h3 {font-size:1.68em;}h4{font-size:1.52em;}h5 {font-size:1.36em;}h6 { font-size:1.20em;} 

Link to post
Share on other sites

Thanks for your feedback guys. I see, though, that whilst you Scientist say to use a unit size, dsonesuk doesn't. Is this a personal preference or is it best to declare a unit size always? Thanks, I have a few additions/adjustments I can make.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...