With CSS3 selectors more or less finished, there will likely be no more additions to the spec. However due to the modular nature of CSS, there is no reason why work on a level 4 module can't start in parallel with CSS3 work. The selectors module is one area where ... Read More

What is Specificity? Specificity determines, which CSS rule is applied by browsers. “Specificity is a type of weighting that has a bearing on how your cascading style sheet (CSS) rules are displayed.” Selector specificity is a process used to determine which rules take precedence in CSS when several rules could be applied ... Read More

The :first-line Pseudo-element The "first-line" pseudo-element is used to add a special style to the first line of a text. In the following example the browser formats the first line of text in a p element according to the style in the "first-line" pseudo-element (where the browser breaks the line, depends on ... Read More

Creating Great Web Form 1. Use Labels label {         float: left;         text-align: right;         margin-right: 15px;         width: 100px; } 2. Use the :focus Pseudo Class textarea:focus, input:focus {         border: 2px solid #900; } ... Read More

You can turn textual links into graphical links with simple image replacement, and with the hover link state, you can create effective image rollovers that will swap one image for another when the cursor passes over the link.   An obvious solution would be to have two images and do something like this to ... Read More

CSS Customized Underlines 1. link - this is a normal link. 2. visited - this is a link after it has been clicked on. 3. hover - this is what a link looks like when you move the mouse over it. 4. active - this is what a link looks like as it is ... Read More

Superscripted text can be placed onto your website using the <sup> tag. You may id these tags for use with Cascading Style Sheets. <p>This text is ^{superscripted!}</p> Code Examples: Hello⁶ = 33 Good⁴ ... Read More

A technique traditional to print is the pull quote, a snippet of the content that stands out from its surroundings to grab a reader's attention as they scan pages.   Step 1: The HTML For the pull quote basics, we can start with some HTML like the following: <p>If ever there was ...... humble ... Read More

Clean CSS Tab-Based Navigation JQuery Coda-Slider Nice sleek tabs that slides through each tab. Perspective Tabs Simple mootools plug-in that allows for a large number of tabs to fit into a small space. JQuery IdTabs It makes adding tabs into a website super simple. But it can also open the door to endless possiblities. Tab Accordian Tab navigation ... Read More