How to create Good style sheet

[JEROLD12]

Sponsored Links

Hi,

I am student and built on a project in java. I want to use dynamic styling sheet on my project. My project is on web server and directly access through a internet explorer. I am using Cascading style sheet on that, but i have no idea how to do better in CSS on my project. Please help or suggest.Thanks.

[Modifier]

I am using Eric Meyer Reset and the YUI Reset in my project for style sheet and its looking better. It is removing the margin and padding from all elements. Eric Meyer recommends that you should not just take his reset stylesheet and drop it in your projects if there is a more effective way of using it. I will be added some tag like html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote for my CSS to look better.

[Katty]

I would add to find the margin-right property on Page . I will give you one example -

div#header h1 
{
 z-index: 101;
 color: #000;
 position: relative;
 line-height: 24px;
 margin-right: 48px;
 border-bottom: 1px solid #dedede;
 font-size: 18px;
 }

[kelfro]

I am using comments and grouping some elements to becomes much quicker to find what we are looking for.I will give you a suggestion point to point how I structure my style sheets :
# Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
#Define all elements in the footer
#Define styles for simple things like floating to the sides, removing a bottom margin on elements.
#Define styles for basic elements: body, h1-h6, ul, ol, a, p.

[Zecho]

I am wrapping one to another line in my page for c.onsistency. I am using following code for this.

div#header 
{ float: left; width: 100%; }
div#header div.column 
{
border-right: 1px solid #ccc;
float: rightright;
margin-right: 50px;
padding: 10px;
width: 300px;
}
div#header h1
 { 
float: left; position: relative; width: 250px; 
}

[opaper]

Before working on my CSS script I have to go through and mark-up the entire document from the opening body tag to the closing body tag. I will add some generic divs like header, content, footer because I know these things are going to exist. I am recommend you just utilize CSS’s descendant selectors to target children elements.