Interpretasi Kode CSS

INTERPRETASI KODE CSS http://cristiandarie.ro/php-mysql-ecommerce-2

2011©Zainal Abidin

Interpretasi Kode CSS June 13, 2011

2

base_min.css NO. KODE INTERPRETASI REFERENSI

1 /* Copyright (c) 2011, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.9.0 */

Komentar

2 body{ margin:10px} Batas atas, bawah, kiri dan kanan untuk badan halaman web sebesar 10px

http://www.w3schools.com/css/css_margin.asp

3 h1{ font-size:138.5%} Heading 1 menggunakan huruf berukuran (138.5/100)*16px

http://www.w3schools.com/css/css_font.asp

4 h2{ font-size:123.1%} Heading 2 menggunakan huruf berukuran (123.1/100)*16px


5 h3{ font-size:108%} Heading 3 menggunakan huruf berukuran (108/100)*16px


6 h1,h2,h3{ margin:1em 0} Batas atas dan bawah dari heading 1, 2 dan 3 sebesar 16px. Batas kiri dan kanan sebesar 0px

http://www.w3schools.com/css/css_margin.asp

7 h1,h2,h3,h4,h5,h6,strong,dt{ font-weight:bold}

Tag HTML/XHTML h1,h2,h3,h4,h5,h6,strong,dt berhuruf tebal

http://www.w3schools.com/css/css_grouping_nesting.asp http://www.w3schools.com/tags/tag_phrase_elements.asp http://www.w3schools.com/tags/tag_dt.asp


3

8 optgroup{font-weight:normal} 9 abbr,acronym{border-bottom:1px dotted

#000;cursor:help}

10 em{font-style:italic} 11 del{text-decoration:line-through} 12 blockquote,ul,ol,dl{margin:1em} 13 ol,ul,dl{margin-left:2em} 14 ol{list-style:decimal outside} 15 ul{list-style:disc outside} 16 dl dd{margin-left:1em} 17 th,td{border:1px solid #000;padding:.5em} 18 th{font-weight:bold;text-align:center} 19 caption{margin-bottom:.5em;text-

align:center}

20 sup{vertical-align:super} 21 sub{vertical-align:sub} 22 p,fieldset,table,pre{margin-bottom:1em} 23 button,input[type="checkbox"],input[type="

radio"],input[type="reset"],input[type="submit"]{padding:1px}

24 img{-ms-interpolation-mode:bicubic}

fonts_min.css NO. KODE INTERPRETASI REFERENSI

1 body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}


4

2 select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}

3 table{font-size:inherit;font:100%} 4 pre,code,kbd,samp,tt{font-

family:monospace;*font-size:108%;line-height:100%}

grids_min.css

NO. KODE INTERPRETASI REFERENSI 1 body{ text-align:center} Badan halaman web menempati

posisi tengah http://www.w3schools.com/css/css_text.asp

2 #doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em}

3 #doc2{width:73.076em;*width:71.25em} 4 #doc3{margin:auto 10px;width:auto} 5 #doc4{width:74.923em;*width:73.05em}.y

ui-b{position:relative}.yui-b{_position:static}

6 #yui-main .yui-b{position:static} 7 #yui-main,.yui-g .yui-u .yui-

g{width:100%}.yui-t1

8 #yui-main,.yui-t2 9 #yui-main,.yui-t3

10 #yui-main{float:right;margin-left:-25em}.yui-t4


5

11 #yui-main,.yui-t5 12 #yui-main,.yui-t6 13 #yui-main{float:left;margin-right:-

25em}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em}.yui-t1

14 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em}.yui-t2

15 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em}.yui-t3

16 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em}.yui-t4

17 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em}.yui-t5

18 #yui-main .yui-b{margin-


6

right:19.4615em;*margin-right:19.125em}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em}.yui-t6

19 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em}.yui-t7

20 #yui-main .yui-b{display:block;margin:0 0 1em 0}

21 #yui-main .yui-b{float:none;width:auto}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right}.yui-g

22

reset_min.css NO. KODE INTERPRETASI REFERENSI

1


7

tshirtshop.css NO. KODE INTERPRETASI REFERENSI

1

Documents

Interpretasi Kode CSS