Source : http://seye2.egloos.com/2294991 1.CSS Reset 2.IE6 CSS Bugs and Fixes Explained 3.Block and Inline Elements Explained 4.100% Height using CSS, Fixed Footer 5.CSS Rounded Corners 6.Float and Clear: A Comparison of CSS Clearing Techniques 1. CSS Reset - 크게 7가지로 정리해 볼 수 있을거 같습니다. 1. The CSS Reset 모든 엘레멘트에 margin값과 padding값을 초기화 시켜 줍니다. 1: html, body, address, blockquote, div, dl, form, h1, ..
Source : http://yongja.tistory.com/15 1. div 와 span div와 span은 모두 공간과 관련된 태그입니다. div와 span의 차이를 보여주는 예 1: 2: 3: 4: 5: 6: 그림에서 보여지는 것과 같이 div와는 달리 span은 줄 바꿈이 생기지 않습니다. div와 span의 차이를 보여주는 또 다른 예 카테고리 posted in 2009/01/22 21:00 /div를 이용한 스타일 지정/ 1: 2: 카테고리 3: 4: 5: posted in 2009/01/22 21:00 6: 카테고리posted in 2009/01/22 21:00 /span를 이용한 스타일 지정/ 1: 2: 카테고리 3: 4: 5: posted in 2009/01/22 21:00 6: spa..
Source : http://jobdahan.net/css2/1225581 - span, div, fieldset span 및 div 알것이고, fieldset은 모서리가 둥글다. -공통적 style속성 width, height : 넓이, 높이(기본값 px) background : 컬러나 이미지 가능 예)background:yellow, background:url('이미지주소') border : 테두리 굵기 padding : 상 우 하 좌 overlow : auto(자동생성),hidden(크기외부분숨김),scroll(무조건생김) font : 글자폰트 예)font:bold 10pt 돋움; color : 글자색 visibility와 display의 차이점. visibility : 공간을 차지한 display..
Source : http://monoeyes.com/217 display: block 없이도, 네이버의 실시간 인기검색어 같은 표현방식을 DIV가 아닌 span 으로 처리를 할 수 있다는 사실! 저런씩으로 표현을 하기 위해서 기본적으로 세로로 표시가 되는 div 를 쓸필요없이, 기본적으로 가로로 엘리먼트가 나열되는 span 을 쓰는편이 편리하겠지요^^ 위 처럼 코딩을 하고 출력을 해봤습니다. 아래처럼 브라우저에서 출력이 되는군요~ 인기키워드 부분을 가로 크기를 넓혀서 ↑ 부분과 떨어뜨려보겠습니다. 브라우저로 결과를 확인해 보겠습니다~~~ Array 오잉? 그런데 변화가 없네요...! span 은 width 가 안 먹는 다는 사실! 하지만 항상 꽁수는 있는 법입니다.. 그럼 어떤 방법으로 span 에 가로..
- Total
- Today
- Yesterday
- wallpaper
- Reverse Engineering
- console
- BadCode
- C#
- medical
- Embedded System
- Linux
- Tech News
- Web Programming
- 나비효과
- cartoon
- 짤방 및 아이콘
- 막장로그
- Military
- network
- 야마꼬툰
- humor
- diary
- WDB
- 프리랜서로 살아남는 법
- Network Inspector
- Information Processor
- Assembly
- win32
- USB Lecture
- Life News
- 3D Engine
- Mabinogi
- Battle
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |