CSS--2008
0
CSS--2008
1. CSS- 2. , 3. , 4. , 5. 6. 7.
1
CSS-
A { text-decoration:none; color:#069; }
1
CSS-
2
CSS-
IMG { border:none; }
2
CSS-
* { padding:0; margin:0; } UL { list-style:none; }
3
? ,
CSS- , , , . , , , , , -.
http://en.wikipedia.org/wiki/CSS_framework
4
? ,
1. Blueprintcss 2. Boilerplate 3. Yahoo! UI CSS 4. YAML 5.
WYMStyle 5. Taffy 7. Elements
8. Schema 9. cleverCSS 10. Tripoli 11. ESWAT 12. Logic CSS
Framework 13. Content with Style CSS Framework 14. That standards
Guy! CSS Framework
http://en.wikipedia.org/wiki/List_of_CSS_frameworks
5
, ? ,
1. ?
6
, ? ,
1. ? -, .
6
, ? ,
2. ?
7
, ? ,
2. ? , Ctrl/ + C Ctrl/ + V . , , , , , .
7
, ? ,
2. ? , .
7
, ? ,
1. , . .
8
, ? ,
2. -- , , .
9
,
?
10
, Y Yahoo! UI CSS 1. Reset 2. Base 3. Fonts - 3. Grids
11
, Y Yahoo! UI CSS body { font:13px/1.231
arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;
}
12
, Y Yahoo! UI CSS input[type=text], input[type=password],
textarea { width:12.25em; *width:11.9em; } .yui-t5 #yui-main .yui-b
{ margin-right:19.4615em; *margin-right:19.125em; }
13
, Tripoli 1. 2. , -, 21- 3.
14
, T Tripoli font { color: inherit !important; font: inherit
!important; color: inherit !important; } input[type='text']:hover,
input[type='password']:hover, select:hover { border-color: #aaa;
}
15
, Tripoli :lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt),
:lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A'
'\2018'; }
16
, lueprint 1. 2. , 3. , , (sic!) . 4.
17
, Blueprint body { font-family: "Helvetica Neue", Helvetica,
Arial, sans-serif; } .small { font-size: .8em; margin-bottom:
1.875em; line-height: 1.875em; } .span-20 { width: 790px; }
.span-21 { width: 830px; } .span-22 { width: 870px; } .span-23 {
width: 910px; }
18
, CSS-framework 1. ka Agat 2. http://css-framework.ru/
19
, CSS-framework 1. : + IE6 IE7 2. 3. , 4. :hover PNG IE 7- 5. ,
, JavaScript
20
, reset.css 1. ,
21
, reset.css 1. , 2.
21
, reset.css html, body, div, span, applet, object, iframe, h1,
h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td { font-weight: inherit; font-style:
inherit; }
22
!
1. ,
23
!
1. , 2. , ,
23
!
1. , 2. , , 3. ,
23
!
1. , 2. , , 3. , 4. , ,
23
,
1. ,
24
,
1. , 2. ,
24
,
3. : , ,
25
,
3. : , , 4. : ,
25
,
5.
26
,
5. 6. : label', , - IE,
26
Choke Web Development Framework 1. 2. Choke Web Development
Framework (CWDF)
27
Choke Web Development Framework CWDF HTML Module: admin.php
hide.php index.html init.php microformats.php
microformats-namespaces.php pr10.php templates.php yaml.php
28
CWDF CSS Module: amaya1.css amaya2.css amaya3.css camino.css
chimera.css firebird.css firefox1.css firefox2.css firefox3.css
flock.css hpr-compat.css icab.css ie3.css ie4.css ie5.css
ie5-mac.css ie55.css ie6.css ie7.css ie8.css jaws-compat.css
28
CWDF CSS Module: konqueror1.css konqueror2.css konqueror3.css
konqueror4.css lynx-compat.css mathbrowser-compat.css media-all.css
media-braille.css media-embossed.css media-handheld.css
media-print.css media-projection.css media-screen.css
media-speech.css media-tty.css media-tv.css mosaic-compat.css
netscape4.css netscape6.css netscape7.css netscape8.css
28
CWDF CSS Module: netscape9.css netscape10.css omniweb.css
opera5.css opera6.css opera7.css opera8.css opera9.css opera10.css
phoenix.css reset.css reset-reset.css safari1.css safari2.css
safari3.css safari4.css safari5.css shiira.css tripoli.css
window-eyes-compat.css x-ray.css
28
CWDF CSS Module: yui-base.css yui-base-fonts.css
yui-base-fonts-grids-reset.css yui-base-grids.css yui-base-min.css
yui-base-reset.css yui-fonts.css yui-fonts-min.css yui-grids.css
yui-grids-min.css yui-reset.css yui-reset-min.css
28
CWDF DOM Module: DOMAssistantComplete.js fulljsmin.js
jquery-1.2.js jquery-nightly.js prototype.js CWDF Documentation
Module: Choke-1.0.pdf simple.js simpleajax.js simpleslish.js
yui.js
29
Choke Web Development Framework 2500 . . , , . . .
30
,
: 1. 2. 3. 4.
31
,
: 1. 2. 3. 4.
: 1. 2. 3. 4. 5.
31
,
: 1. 2. 3. 4.
: 1. 2. 3. 4. 5.
31
,
, . .
32
CSS--2008
!
http://pepelsbey.net
33
