Hip to Be Square: Attribute Selectors in CSS
Attribute selectors in CSS. Have you looked at other people’s style sheets lately? Were you baffled to find square brackets in the CSS code? If so, this article might be of interest to you.
‘CSS’ Articles
High Quality and Free CSS Layouts and Templates (0-38)
A list of high quality CSS – based layouts and templates you can use for your personal and commercial projects. License agreements are changing all the time, just check each layout and template for the copyright requirements before use.
CSS Layouts
- Layout Gala- A set of 40 professional CSS layouts, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
- CSS Layouts - another great collection of CSS layouts.
- Dynamic Drive CSS Layouts – two column, three column, fixed, liquid …
- Nice and Free CSS Layouts – 12 free CSS layouts.
- Strictly CSS – 10 css layouts.
- Maxdesign - a range of CSS page layouts, including 2 column and 3 column layouts - free to use and abuse as needed.
- CSSplay - Stu Nicolls presents dozens of free professional layouts. Just check each page for the copyright requirements before use.
- ThreeColumnLayouts, by CSS Discuss - Collection of 3-column-templates.
- CSS Intensivstation - css layouts and templates for Flux CMS.
- Code-Sucks - 5 web templates, 53 Fixed width CSS Layouts and 42 Faux Column CSS Layouts.
- CSS Tinderbox - CSS/XHTML templates that web designers/developers can use as the foundation for their own projects.
- Jimmy Lin - 8 simple CSS/XHTML templates.
- Little Boxes - 16 Layouts
- Ruthsarian - Free CSS layouts and CSS-based drop-down menus.
- Mitchbryson – 8 layouts.
- TJK Design - 8 layouts.
- Bluerobot - The Layout Reservoir.
- csscreator - CSS Layout Generator. Generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
CSS Templates
- Open Source Web Design - OSWD - free web design templates. Currently 2080 free designs!
CSS Express Drop-Down Menus
A PVII solution that will help you produce a quick menu without some of the limitations found in some other “pure” CSS menus.
How z-index works!
Understanding CSS z-index Property
Six draggable color boxes you can use your mouse to position them anywhere in the page. You can set z-index and position values for each one of these six boxes. Using Firebug, you can monitor in real time how these elements get styled.
Definition
The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.
Note: Elements can have negative stack orders. Z-index only works on elements that have been positioned (eg. position:absolute; position:relative;)!
Inherited: No
