August 14th, 2009
Block level elements are normally displayed as blocks with line breaks before and after. Examples of block level elements include paragraphs, headings, divs and block quotes.
Inline elements are not displayed as blocks. The content is displayed in lines and there are no line breaks before and after Read More...
Tags: box, CSS, How To, model, padding, tags, Tutorials
Posted in CSS Box Model |
No Comments »
August 13th, 2009
If you have spent anytime dealing with CSS you have run into issues with a browser rendering code incorrectly. You may even have gone as far as to make several style sheets and use a browser check to tell the browser which one to use. Most of my websites dont need more then one style sheet. I have come to realize that if I am more then a few pixels of then my code is somehow incorrect Read More...
Tags: CSS, fix, How To, rules, Safari, selectors, tags, trick, Tutorials, tweak
Posted in CSS Tips and Tricks |
No Comments »
August 5th, 2009
Sample HTML
<body>
<div id="content">
<h1> Heading Here </h1>
<p> Lorem ipsum dolor sit amet. </p>
<p>Lorem ipsum dolor <a href="#">sit</a> amet.</p>
<div>
<div id="nav">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</div>
<div id="footer">
Lorem ipsum dolor <a href="#">sit</a> amet Read More...
Tags: CSS, descendant, h1, h2, How To, id, rules, selectors, tags, Tutorials
Posted in CSS Selectors |
1 Comment »
July 31st, 2009
When several selectors share the same declarations, they may be grouped together to prevent the need to write the same rule more then once. Each selector must be separated with a comma.
HTML Code
<h1> CSS Headings One</h1>
<h2> CSS Heading Two</h2>
<p> Some text about your css tutorial would go here</p>
CSS Code
h1 {
text-align: center;
color: navy;
}
h2 {
font-style: italic;
text-align: center;
color: navy;
}
In the above code The h1 and h2 elements share two declaration, so parts of the two rule sets can be combined to be more efficient Read More...
Tags: combine, CSS, How To, selectors, tags
Posted in Understanding CSS |
1 Comment »
Home
