You wrote:
> Hello everybody!
>
> Taking into consideration the fact that most browsers have incomplete support
> for Cascaded Style Sheets, and continueing buzz about "what browser is
> better", I decided to put several test cases together on one site
Hmm. You might like to check out some of the other tests out there
already.
E.g., the 2000+ tests here http://www.richinstyle.com/test/
Also, all but one of your statements are invalid:
P { font-family:"Arial Black, geneva, helvetica, sans-serif"; font-size:96 }
* DIMEN token requires unit; should be 96px.
* Can't quote all those fonts as one value -
"Arial Black", "Geneva", "Helvetica" is valid, but how you have it is not.
* Geneva and Helvetica require capitals, since the CSS spec states that font matching
is case sensitive
P { fontfamily:"Arial", "helvetica", "sans-serif"; fontsize:96 }
* Sans-serif, as a CSS keyword, may not be quoted
* font-family, not fontfamily
* 96px
P.highlight { color:silver }
P.shadow { color:darkred }
* both invalid - browsers are only required, as named keywords, the 16 Windows VGA
colo(u)rs
P { color: "#6666DD" }
P.highlight { color:'#6666FF' }
Can't quote CSS; only non-CSS things - should be color: #6666dd.
P.shadow { color:darkred }
Not required by CSS.
P { font-family:"Arial Black, arial, geneva, helvetica, sans-serif"; font-size:96 }
P { fontfamily:"Arial Black","Arial", "geneva", "helvetica", "sans-serif";
fontsize:96 }
H3 { font-family:"Arial Black, arial, geneva, helvetica, sans-serif"; font-size:16 }
H3 { fontfamily:"Arial Black","Arial", "geneva", "helvetica", "sans-serif";
fontsize:16 }
P { color: "#5555EE" }
H3 { color: "#5555EE" }
.highlight { color:"#B0B0C0" }
.shadow { color: "#003399" }
.highlight { color:'#A0A0A0' }
P.highlight { color:silver }
P.shadow { color:darkred }
P { color: "#6666DD" }
P { color: '#b0e0ff''#7777FF' }
P.highlight { color:'#6666FF' }
P.shadow { color:darkred }
All invalid; see above.
<DIV STYLE="position:absolute; top:300; left:5; width:300; height:50; margin:10">
<DIV STYLE="position:absolute; top:5; left:5; width:600; height:100; margin:10">
<DIV STYLE="position:absolute; top:0; left:0; width:600; height:100; margin:10">
<DIV STYLE="position:absolute; top:2; left:2; width:600; height:100; margin:10">
All invalid; a unit is compulsory.
I got bored there.
-- Random fortune
