valuable site

 Favorite Site 

Color Codes

searchable

 Searchable

Works

downloable

 With Files

 Ignored/Not Harmful 

tutorial site

 Tutorials

 Quirky 

popup site

Has Popups

 Harmful 

"Help Out" theFixor™

Make payments with PayPal SelfPromtion.com in association with amazon.com

Sites with Wide Variety > - click to show more


< Additional CSS Pages >

Bugs/Workarounds | NoTable/Positioned | Tables | Forms | Netscape4 | Netscape/Mozilla | Explorer | Opera

CSS Style Sheet Resources >

W3C®.org 
cascading style sheets level 1
cascading style sheets level 2
cascading style sheets level 2.1 working draft
tips and tricks examples
Selectors including child
— 11 visual effects
— 12 generated content, automatic numbering, lists
— 16 text
— 17 tables  support varies a lot
— 18 user interface
— 19 aural css  for handicapped access
introduction to css3  working draft, 6 Apr 2001
css3 module: w3c selectors  working draft 26 Jan 2001
css3 module: borders
css3 module: lists
using !important rules
bert bos's tips & tricks
dave raggett - adding a touch of style
Mozilla.org - css1 spec with bugs marked
aListApart.com valuable site
zeldman - fear of css part 1 of 4
Getting started with CSS  cnet tutorial searchable
Web Monkey CSS searchable &CSS Tutorial
NCDesign   style guide
Web Design Group  includes code checker
Webresource.net
Cross-browser Compatible Style Sheet Reference  includes detection discussion
Web Pages aren't printed on paper  give up trying to "control" web pages and discover adaptability
Print Layout to Web  showing why it doesn't work
Achieving Cross Browser CSS  comprehensive with detect script
Using <link> Resources
Mako4css.com - The Css Shark  lots of resources in faq format
CssIn24Hours.com  book companion site
Umn.edu - Web CSS Resources
MSN.Microsoft.com - Css Reference
css enhancements in ie6
css gallery
ms proprietary colored scrollbars etc

Eric Meyer - CSS  author of
Eric Meyer on Css resource links - & "buy it"
Cascading Style Sheets: the Definitive Guide resources & "buy it"
w3c® css1 interface valuable sitew3c® css2 interface valuable site
css2 test suite
inline formatting model  ref based on css3
inheritance shrink test
css anarchist's cookbook
using css as diagnostic tool
using css for printing
doctype article
using right doctype
css/edge  demonstrations of css abilities
ComplexSpiral.com another Eric Meyer site
containing floats
HtmlCenter  css tutorial searchable
Project Cool CSS1 Reference
Index.CSS Style Sheet Guide
HtmlHelp.com
CSS Pointers Group  help site, faq's sample sheets + valuable site
experimental documents  most dealing with <div> problems
frames simulation work in progress
Index Dot CSS
RichInStyle.com huge site css1&2 bug charts +
writing perfect style sheets
css1 tutorial
css2 tutorial
Nemisis Project css resources
CodeStyle.org  css guide, tests and comformance tables
PPK CSS2 Tests selectors, pseudoclasses, declarations with extensive browser notes
CssCreator.com

 Pre-Made Style Sheets 
W3C® - eight core style sheets  you know these use valid css
style switcher using above

 Css Books  resource links & "buy it"
Designing Css Web Pages

< CSS Tutorials  >

StyleMaster CSS Tutorials  valuable site really good
self paced learning $ html,xhtml,css2,colors & graphics
free html xhtml for css course - Developers will be able to work their way through the whole course, hand-coding an entire web site in structural, validating XHTML, and later, in CSS Level 1, giving it their own appearance with a style sheet. Broader concepts and issues are fully explained for each technique, giving a solid foundation in the future of web development. Most importantly, accessibility and usability are emphasized right from the beginning.
Select Oracle tool takes CSS2 selectors and explains them in English terms for ease of understanding. Users can input selectors in a semi-colon-delimited fashion, enter complete stylesheets, or provide the URL of a stylesheet anywhere on the WWWeb.
Blazonry.com  css tutorial
WebMonkey - Mulders Css Tutorial
DrClues CSS Reference
Builder.com - Getting Started
Tizag.com - Css Tutorial

CSS1 - CSSP Reference Chart  downloable in word / pdf
Tijs.org - Style Sheet Overview  
Zvon.org CSS Tutorial  not a beginner one
css1 reference
css2 reference
downloadable versions  downloable
Spider-Food.net  A "Short" tutorial on CSS by Daniel Short of DhtmlShock
EchoEcho.com - CSS Tutorial  extensive site searchable
FreeWebmasterTips.com  css tutorial
Digital-Web.com  tutorial on converting html sites to css
keep it simple - fluid thinking
Anthony's CSS2 Tutorial.
Umn.edu - Css Workshop
Digital-Web.com - Converting a Page to CSS
SiteExperts.com - CSS Online

 CSS Blogs 
WebBlogsInc.com - TheCssWeblog

CSS Examples > Tables - Forms - Netscape4 - Netscape/Mozilla - Explorer - Opera

HtmlHelp.org CSS1 Unit Information   sizes colors url's
WebReference.com CSS Boxing  using <div>
css boxing ptII
css floats pt I - pt II
CSS Pointers Group  examples & workarounds
Cursor CSS changes  ie/n6/mozilla
CSS Examples from XHTML Language and Design Sourcebook
AllMyFaqs.com - Centering with CSS
Center div with left align content   IE N6/moz   N4 
CSS shorthand styles article  by #html's junjun (When using shorthand properties, any omitted values default to "normal")
Mix & Match - Use 2 Class
Sovavsiti.cz - Colored <hr>
Colored <hr>
Using real <hr> (or faking them properly)
Saila.com - Styling <hr>
BradChoate.com - Styling <hr>
NonTroppo.org - Drop Shadows uses images for effect
Stone.TheCoreWorlds.net - Css Centering
MaxDesign.com.au - Float Tutorial
w3c.org - Name/Numeric Colors Chart proposed as css3

 Box Model  something so simple and basic yet poorly understood
HicksDesign.co.uk - 3D Css Box Model
Box Model Hack  Tanik Celik contribution
Css-Discuss - Why the Hack is Needed
Alternative Hacks
WebFx.eae.net - Box Sizing Behavior
Xs4All.nl - Box Model Tweaking
ProjectSeven.com - Box Model Sizing Tutorial
PositionIsEverything.net - Box Model Problem

 CSS Font & Text Issues  
AlistApart.com - Size Matters
Agitprop great site a bit dated but good
toward a standard font size interval
screen shot examples
the amazing em unit  and lots more
David Barons Font Test
Akalg.com - Font Size Test Page
TheNoodleIncident.com - Text Sizing 264 screen shots
Brett Merkley - Fonts in MS Pgms
MaxDesign.com.au - Heading Alignment Blues
CssBook.com - 50 Headings
theFixor's Demos text-align/decoration font-family & space of <h?>
left & right align on single line
collect things on em en ex etc & some humor
collection of heading effects
Indents & Outdents
Using first Letter/Line  n4 
Article on justified text and the pitfalls of using it
Css dot leaders
Sam-I-Am.com - Size Test Page
TidBits.com - Understanding font size settings
MaxDesign.com.au - Ideal line lengths

 Alternative Style Sheets & Media 
w3c.org - Specifying External Css
using the linked attributes
AlistApart.com - Alternative Style Sheets downloable swapping .css files
zeldman.com - "gecko updated"
using netscape 4 even
WebReference.com - Browser specific sheets
Alternate Style Sheets  cgi/pl + cookies solution
Simple browser CSS Switcher
Operating system detect for CSS  .css for mac or pc
Dzr-Web.com
WebMasterBase.com - User Controlled
Use Alternate Style Sheets in Explorer auto builds a select
EdgeOfMySeat.com - Media Styles

 Layout Without Tables - Positioning or CSSP 
including round corner layouts - Sections have Graduated to Separate Page mileage will vary on these concepts

 CSS for Background Images 
<body ie n6/moz  -  n4  no-repeat repeat y/x
<table ie n6/moz  -  n4  no-repeat repeat y/x
Background Position all corners & centered
<span>   n4 n6 ie 
MaxDesign.com.au - Text Images as Backgrounds

 About Borders 
Border Styles  variations demo'd
Change Image Borders image links also - ie quirk on hover
GordonMac.com - Beveled Effect

 Experiments & Idle Time Items 
Eric Meyer - Slantastic
Infimum.dk - Slants above - then beyond example
Tanek Celik - Regular Polygons - actual useage
Theodorakis.net - Css Art
MarkSchenk.com

 About Links & Navigation 
theFixor's Assorted Info link order, display block and more
[CYTRO]'s Multiple link colors  great site
Project VII - Multiple color sets
buttons without images  really nice
css nav buttons  no images - looks decent in n4
WebReference.com  pure css2 rollovers
text link mouseovers for both browsers  N4 uses <div> 
Eric Meyer - Pure CSS Link Effects
WebMonkey - Visited link colors
Joe Burns article  lots of stuff here
Above and beyond basic hovers  article by Eric Meyer
D(avid)Baron.org - Notes on link styles
NonTroppo.org - Tab Top Navigation
BranJar.com - Tabbed Interface
Bret Merkey - Checked Vlinks
Dreamlettes.com - Css Active Links
W3.org - Bert Bos, Pinned Down Menu = fixed position
JohnP.co.nz - Pure Css Rollovers x 2
AlertBox - Guidlines for links by Jacob Neilsen
DesignByFire.com - Humorous Rework of Above

 Lists - Ordered & UnOrdered 
Set the start number of <ol start="?">
ProjectSeven.com - UberLink
AListApart.com - Taming Lists
suckerfish dropdown menu
sliding doors menu
MaxDesign.com.au - Listorial

 Lists as Links 
DiveIntoMark.org - Css Tabs - horz list
SimpleBits.com - Horz Tabbed List Nav & example
Unraveled.com - Tabbed Links now x browser - shows current page
DiveIntoMark.org - Pure Css Tabs
ClagNut.com - Css Tabs  ie5 mac 
ProjectSeven.com - Uberlink horz/vert + images
Phoenity.com - Vertical & Horizontal ie5 mac
MeyerWeb.com - Css Menus explorer
rounding the corners - uses images
Sovavsiti.cz - Horizontal
MaxDesign.co.au - Listamatic
taming the "taming lists" model
using background image for bullet
Kalsey.com - Css Tabs with submenu
SilverOrange.com - Tabs with submenu
Accessify.com - List-o-matic code generator
EcoCulture.com - Css Rollovers
AListApart.com - Suckerfish Menu
Note: ie6 scrunches the first li on horizontal - try <li>&nbsp</li> for first one

 Printing 
SiteExperts.com - Css for Print Vs
Brett Merkey - Force Landscape Printing
BoxesAndArrows.com - Printing the Web
Zeldman.com - Printer Friendly
AlistApart.com - Going to Print
Using CSS to Specify Print Version   IE N6/moz  N4 

 Horz/Virtual Center  - sounds like such a simple thing (not)
EkkoStudios.com - Centering
Porter's Examples
Theodorakis.net - Horz Center
WpDfD.com - Virtual Center
David.us-lot.org - Center css hacks/javascript
Dorward.Me.uk - Css Centering

 About Doctypes   both netscape 6/mozilla and ie 6 have issues with doctype. Moz/Netscape6 has an issue with any white space before <doctype>
W3.org - List of Valid Doctypes
Mozzilla.org - Doctype Handling
Netscape 6 Doctype Issue   - evolt.org article
Activating the Right Layout Mode in Mozilla & IE 6
IE6 CSS Enhancements  doctype handling is discussed extensively
Doctype switching charts  & some compliance links
summary table
OreillyNet.com - Eric Meyer
eric meyers doctype results chart
Developer.Apple.com - Doctype Explained

" Filters  haven't exactly been accepted by the W3C yet. They are part of Internet Explorer (pc only) but not part of N4. The standards body is currently debating this proposal and has yet to come to a conclusion."
 Translation:  the filters presented as CSS are clearly *not* CSS, and there is no sign that they will be soon.
Mozilla/Netscape6+ have implemented a variation clearly avoiding any implication that it is valid css.
HotWired - Image Filtering
MSDN Filters & Transitions and Filter Properties
MSDN Gradient Filters
Introduction to Filters  webreference.com article
Filter Article  explorer only
Filters and Transitions
Opacity Demo   Mozilla/N6 IE   N4  includes use of mouseover event

CSS Compliance — Bugs and Workarounds > Click here

 

Didn't find what you wanted?
Try theFixor's Sources

Make payments with PayPal SelfPromtion.com in association with amazon.com

Updated 12/01/04 - Link Checked 11/06/04 web-building.com