Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17 CSS - Float (6) 4 2009/07/14 [ ] XHTML CSS - 4 5 2009/04/26 [ ] XHTML CSS - 3 (2) 6 2009/04/19 [ ] XHTML CSS - 2 (6) 7 2009/04/01 [ ] XHTML CSS - 1 New Post [ ] XHTML CSS - 6 2009/09/20 10:17, 2009 9 13,, Notice Tags (21) (2) (0) (1) (4) wireframe unplugged (3), 3, 1024x768, (,! ),, ( footer ;) CSS layout irfanview CSS css Xthml css float CSS float xhtml css float CSS XHTML+CSS XHTML css float 11 xhtml css XHTML/CSS Recent Entries [ ] (2) [ ] XHTML CSS - 6 (2) [ ] XHTML CSS - 5 (6) CSS - Float (6) [ ] XHTML CSS - 4 -, CSS Recent Comments 2012 2012 2012 2011 2009 John John John `` Only ~~ http://wireframetistorycom/tag/xhtml+css
http://wireframetistorycom/tag/xhtml+css Page 2 of 45 Recent Trackbacks Archives 2010/04 (1) 2009/12 (1) 2009/09 (3) 2009/07 (4) 2009/06 (3) HTML ( ) «2014/04» 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Links Wireframe Total : 23,688 Today : 4 Yesterday : 7, CSS css, description
http://wireframetistorycom/tag/xhtml+css Page 3 of 45, ul li ul li 1 2, 2 (ul > li > ul > li)
http://wireframetistorycom/tag/xhtml+css Page 4 of 45, (, )
http://wireframetistorycom/tag/xhtml+css Page 5 of 45,,, (#) (),, a:hover (*CSS2 :hover IE6 ;;;) class="first"
http://wireframetistorycom/tag/xhtml+css Page 6 of 45 ul display:block, 100% li float:left list ul, (ul float:left ul border ),?, CSS ' ' ( p ), 10px, 10px, p p 20px, / ( 10px ) ( p 20px, ), 10px 20px ( ) p:first-letter,,
http://wireframetistorycom/tag/xhtml+css Page 7 of 45, a,
http://wireframetistorycom/tag/xhtml+css Page 8 of 45?, /, ( ) css, CSS, ~~~ html &css : layouttesthtml css_testcss tags : CSS, CSS layout, css, XHTML+CSS, Xthml,, Trackback 0 : Comments 2 [ ] XHTML CSS - 5 2009/07/23 02:53, 80% ) ( 10 BETA2
http://wireframetistorycom/tag/xhtml+css Page 9 of 45 HTML? CSS, - _-; CSS (, " **" layout_testcss html head <link rel="stylesheet" type="text/css" href="/layoutcss" /> CSS,, (?) layout_testcss,, css 1 css, notepad++ UTF-8, utf-8 css @charset: "utf-8"; 2 block HTML,,
http://wireframetistorycom/tag/xhtml+css Page 10 of 45,, block 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 {margin:0; padding:0; border:0; background:transparent; } html, body, div, p, span, h1, h2, h3, h4, h5, blockquote, a, pre, big, small, del, ins, em, strike, sub, sup, b, u, i, i, ol, ul, li {margin:0; padding:0; border:0; background:transparent; }, CSS2 universal selector, * {margin:0; padding:0; border:0; background:transparent; },, IE * (?), <!-- --> ( ),, 3 body body,, body,
http://wireframetistorycom/tag/xhtml+css Page 11 of 45, 600px,,, 800px, 1024px 4, css,, div#wrapper div wrapper #wrapper 600px margin 0 auto 0 auto, (0px px )
http://wireframetistorycom/tag/xhtml+css Page 12 of 45 auto ( wrapper body) 5 80px 6 nav nav 600px 1/4 css?
http://wireframetistorycom/tag/xhtml+css Page 13 of 45, sidebar content ( ) 7 wrapper 600px nav 150px content 1px 449px content content padding/margin article margin footer padding (footer ) min-height,,, content 400px min-height max-height float (?), nav
http://wireframetistorycom/tag/xhtml+css Page 14 of 45 ~ 8 footer header footer float clear, content margin padding margin? (, css ) ( )
http://wireframetistorycom/tag/xhtml+css Page 15 of 45,,, (?) css ~ tags : CSS float, css, css, XHTML+CSS, xhtml css Trackback 0 : Comments 6 CSS - Float 2009/07/17 13:32
http://wireframetistorycom/tag/xhtml+css Page 16 of 45 float css float css float margin position HTML <body> <div id="spdiv">content of DIV whose id is "spdvi"</div> <div id="nordiv">blah~ blah~ * 100 </div> < /body> body div ( ) div, spdiv? #spdiv{ width:300px; } block div float ' ' float p img{ float:left; } p float left #spdiv{ width:300px; float:left; } ( div ) float spdiv nordiv ( ) spdiv div
http://wireframetistorycom/tag/xhtml+css Page 17 of 45 nordiv 500px? nordiv float left #nordiv{ width:500px; float:right; } ( ) float, float:left float ' ', float div? <body> <div id="spdiv">content of DIV whose id is "spdvi"</div> <div id="nordiv">blah~ blah~ * 100 </div> <div id="thirddiv"> < /body> div thirddiv float div float body thirddiv (spdiv, nordiv) float ( ) thirddiv, spdiv nordiv (?) div body, ( spdiv,nordiv )
http://wireframetistorycom/tag/xhtml+css Page 18 of 45? spdiv nordiv thirddiv, nordiv float:left? body float width body width, noddiv ( ) thirddiv nordiv float thirddiv float clear (width ), width (width margin, border, padding ) float thirddiv? float clear:both #thirddiv{ clear:both } box
http://wireframetistorycom/tag/xhtml+css Page 19 of 45 clear #thirddiv <body> <div id="wrapper"> <div id="spdiv">content of DIV whose id is "spdvi"</div> <div id="nordiv">blah~ blah~ * 100 </div> </div> < /body> spdiv nordiv wrapper div wrapper ' ' #wrapper{ width:900px; background-color:#ffffc3; /* */ } float wrapper, 1 wrapper float float wrapper 2 nordiv, div clear:both float html ] ( orz) [ CSS : ) CSS ( CSS2 IE6 tags : block layout, CSS, CSS float, css, float, XHTML+CSS Trackback 0 : Comments 6 [ ] XHTML CSS - 4 wireframe unplugged 2009/07/14 22:23
http://wireframetistorycom/tag/xhtml+css Page 20 of 45 float -, F5,,, 4 ( ) 100% ' ' body ( ) ' ', [ ' ' ], wireframe
http://wireframetistorycom/tag/xhtml+css Page 21 of 45 html DOCTYPE meta notepad++,, CSS / ( ) div body div id wrapper, wrapper header, nav, section, footer div
http://wireframetistorycom/tag/xhtml+css Page 22 of 45 ( ) <h1> h2, h3, h4, h5, h6 Nav nav nav ul ( ) li ul > li h4 ( ) ul
http://wireframetistorycom/tag/xhtml+css Page 23 of 45 nav Link,,, content article ( ) article article_header entry ( )
http://wireframetistorycom/tag/xhtml+css Page 24 of 45 content id class article IE6 id (??) h2 entry p
http://wireframetistorycom/tag/xhtml+css Page 25 of 45 br p p, article 3
http://wireframetistorycom/tag/xhtml+css Page 26 of 45 div p wrapper,, 10 Beta wrapper wrapper header small
http://wireframetistorycom/tag/xhtml+css Page 27 of 45 nav content
http://wireframetistorycom/tag/xhtml+css Page 28 of 45 content article article_header entryl
http://wireframetistorycom/tag/xhtml+css Page 29 of 45 entry entry p p
http://wireframetistorycom/tag/xhtml+css Page 30 of 45?, css XHTML, ( ) CSS tags : XHTML, XHTML+CSS, xhtml css Trackback 0 : Comment 0 [ ] XHTML CSS - 3 2009/04/26 03:09 3 CSS, 1,,
http://wireframetistorycom/tag/xhtml+css Page 31 of 45 box ' ' CSS ( ' ', CSS ) CSS 2 CSS div div [division], ' ' ' ' ' ', css HTML ( ) ' ' ' ' CSS ' ',, ( ),? 3,, css (?) (margin) : margin (padding) : padding ' ', (border) (border) :, (width) : IE6 ' ' IE6 CSS (height) :,,
http://wireframetistorycom/tag/xhtml+css Page 32 of 45 4 1) width width, 'width' ' ' WIDTH 300px, width 300px ' ' 30px, 10px 300+30x2+10x2 = 380px IE6 ' ', ' ', IE6 300px,, IE6,, IE6 padding CSS hack width 100%, ' ' 2)height, ' ' ' ', ' '
http://wireframetistorycom/tag/xhtml+css Page 33 of 45, 3)margin, box box 'auto', 4)padding, ( ) (?) IE6 0, 5)border,, ( 1,2 ) 5 CSS } { : ; : ; : 1 2 3 ; p {background-color:white; border:1px solid black;} { : ;} p img {border:1px dotted blue;} #ID { : } class { : } #first { background-color:#4e63b8;} pemphasized {font-weight:bold;} 1, 2 { : } ol li, ul li{font-size:07em;},, - p img, div img p img {} HTML ID #, class class 6 html head style 1), h2 / ( ) h2 ' ' ( )
http://wireframetistorycom/tag/xhtml+css Page 34 of 45 (*) ' ' 0, 2), first ( first html id='first' )
http://wireframetistorycom/tag/xhtml+css Page 35 of 45, 200px 3) ( ) ( ' ') overflow overflow auto,, overflow:hidden;
http://wireframetistorycom/tag/xhtml+css Page 36 of 45 4) CSS,, ' ',, div float, #first float:left? float, float " " ' ', first float:left second first ( ) second second ( body ) second
http://wireframetistorycom/tag/xhtml+css Page 37 of 45 first second 5) second 200px,,
http://wireframetistorycom/tag/xhtml+css Page 38 of 45
http://wireframetistorycom/tag/xhtml+css Page 39 of 45, ( ), ( History)? left, 6), second float:right ( ), right,, float:left
http://wireframetistorycom/tag/xhtml+css Page 40 of 45 third, clear:left,
http://wireframetistorycom/tag/xhtml+css Page 41 of 45 css ~~ tags : CSS, css float, css, css, float, XHTML, xhtml css, XHTML+CSS Trackback 0 : Comments 2 [ ] XHTML CSS - 2 2009/04/19 17:47 ' ' XHTML (?), CSS 1 XHTML CSS, (XHTML ' ' ),,, CSS2 ' ' IE6 CSS CSS IE6,,, WYSIWYG, ( ) html ( ), notepad++ ( notepad++ notepad++,, wireframe! (notepad++ ) 2, XHTML 2 CSS 3 HTML, (!) 3 XHTML (?) UTF-8 (, ' ' [UTF-8] ) DTD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN""http://wwww3org/TR/xhtml1/DTD/xhtml1- transitionaldtd"> html html <html> </html> <html> </html> html body, head head <html> <head> </head> <body> </body>
Page 42 of 45 </html> head, mp3 ID3, ( ), 4 head title title <title> Sample Page </title> meta meta, http-equiv <meta http-equiv="content-type" content="text/html;charset=utf-8" /> meta /> img br ' ' ' html, UTF-8' http-equiv, Content-Type,, ( text/html http ) Content-Length : Date : Expires : Last-Modified : Location : Set-Cookie : Refresh,, ' ',,, ( ' ', ) meta ' ' lang lang meta, html lang, xhtml xml, <html lang="ko">, <html xmlns="http://wwww3org/1999/xhtml" lang="ko" xml:lang="ko"> 5 body head, wikipedia css div 'first','second','third' id div 'wrapper' body <div id="wrapper"> < div id="first"> </div> < div id="second"> 2 2 2</div> < div id="third"> 3 3 3 3</div> < /div>, div h2, ) (, ' ' http://wireframetistorycom/tag/xhtml+css
http://wireframetistorycom/tag/xhtml+css Page 43 of 45 6 CSS,, CSS, XHTML, CSS CSS?, 'css', 7 CSS CSS 2 html, css 2 4 1 head style 2 <div style=" 3 head link css 4 css import css 2, 1 3, 4, head style style,, css, css, *,, wireframe CCL copyright
http://wireframetistorycom/tag/xhtml+css Page 44 of 45 tags : CSS, XHTML, XHTML+CSS, XHTML/CSS, Trackback 0 : Comments 6 [ ] XHTML CSS - 1 wireframe unplugged 2009/04/01 00:46 IT, XHTML, XHTML CSS 1 XHTML? XHTML extendible HyperText Markup Language HTML ' 2XML ' HTML, XHTML, XML, XML XML XHTML XHTML HTML, HTML ( ) XML - ' ' -, - http HyperText Transfer Protocold HTML XML (formation) ' ' 30 150 1 40 ' ', ' ' ' ', ' ' / " " XML XML, XML XML, http HTML 3 XHTML 20 ' ' ' ' ' 4 XHTML 5 ' '? ' ', ' ' ' ',, XHTML XML HTML? ' ' XHTML HTML XML, XHTML XHTML ( CSS ) XHTML HTML, XHTML HTML ' XHTML ' ' HTML 401 ' DTD, DTD XML ' <!DOCTYPE >, XHTML 10 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/tr/xhtml1/dtd/xhtml1-transitionaldtd">
http://wireframetistorycom/tag/xhtml+css Page 45 of 45,, (DTD ) XHTML 10 Transitional XHTML 10 Strict XHTML 10 Frameset XHTML 11 Strict (11 Strict ) HTML 401 Transitional HTML 40 Transitional HTML 40 Frameset Frameset DTD Strict strict img,, (font ),,,, 6 XHTML 10 Transitional, ' ' ( ), (< >) (</ >), <img />, <br />, html html (xml root ) <meta>, <link>, <style>, <script> <head> <td> <table> 1 <div> < script src="get_moviejs"></script> : body 2 < /body> < /html> < html> : html 2 <div 3 <TABLE BORDER=1 : WYSIWYG 7 XHTML ' ',,, XHTML XHTML, CSS tags : CSS, XHTML, XHTML+CSS, xhtml css, Trackback 0 : Comment 0 PREV : [1] : NEXT 's Blog is powered by Daum Design by SmallPark and Rest