어떻게 contents 를 vertical 중앙 정렬 시킬 것인가? ( vertical-align 에 대한 오해 ) 어떻게 contents 를 vertical 중앙 정렬 시킬 것인가? ( vertical-align 에 대한 오해 ) 출처 : http://phrogz.net/CSS/vertical-align/index.html table cell 에서의 vertical-align -css 의 vertical-align 이 valign attribute 와 비슷하게 작동한다.최신 browser 에서는 아래 3개의 코드가 똑같이 작동한다. inline element 에서의 vertical-align -inline element 에서는 align 처럼 작동한다.최신 browser 에서는 아래 3개의 코드가 똑같이 작동한다. 다른 element 에서의 vertically-center 는? -다른 element 에서는 사실 이 .. 2016. 4. 30. [기초강좌] HTML Blocks - w3schools 번역 [기초강좌] HTML Blocks - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_blocks.asp HTML element 는 와 으로 그룹화 될 수 있다. HTML Block Elements. 대부분의 HTML element 는 Block level 또는 inline level 로 정의된다. Block level element 는 보통 줄바꿈 후 시작하고, 끝나면 줄바꿈을 추가하여 브라우저에 표시된다. Block level tag 의 예는 , , , HTML Inline Elements Inline Elements 는 보통 줄바꿈 없이 표시된다. Inline level tag 의 예는 , , , The.. 2014. 3. 18. [기초강좌] HTML Images - w3schools 번역 [기초강좌] HTML Images - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_images.asp HTML Images - The Tag and the Src Attribute HTML 에서 이미지들은 tag 를 이용해서 정의된다. tag 는 empty tag 이다. 다시 말해 속성들을 가지고 있고, closing tag 가 없다. 이미지를 표시하기 위해서는 src 속성이 필요하다. src 는 "source" 를 의미한다. src 속성에는 표시하고 싶은 image 의 url 을 명시해 준다. syntax 는 아래와 같다. URL 은 이미지가 저장된 장소를 의미한다. 이름이 "boat.gif" 이면서 ".. 2014. 3. 12. [기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 [기초강좌] HTML 기초 - 4개의 예제 - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_basic.asp 예제들이 배우지 않은 tag 들을 사용한다고 해도 걱정할 필요 없어요.다음 강좌들에서 tag 들에 대해 배우게 될 테니깐요. HTML Headings HTML Headings 은 ~ tag 를 통해서 정의된다. This is a headingThis is a headingThis is a heading 눈으로 직접 확인하기 HTML Paragraphs HTML 의 문단은 tag 를 통해 정의된다. This is a paragraph.This is another paragraph. 눈으로 직접 확인하.. 2014. 2. 19. [jQuery/Tutorial] $(document).ready() 와 $(window).load() 의 차이. $(document).ready() 와 $(window).load() 의 차이 [이전강좌] $ 와 $() 의 차이. $(document).ready() $(document).ready() 는 페이지의 DOM 이 모두 load 되는 순간 1회만 불린다. $(window).load() $(window).load( function(){...} ) 의 경우는 페이지 전체가 다 load 되는 순간 1회만 불린다. 둘의 차이가 잘 이해가 안되는데? DOM load 와 Page load 의 차이를 이해하면 이해가 될텐데,page load 는 img 나 iframe 태그가 있을 경우 그것들의 load 가 모두 끝나는 순간을 page load 가 끝나는 시점으로 본다.따라서 DOM 이 모두 준비되어도 JS 코드들을 바로.. 2013. 7. 11. [HTML] <div></div> 와 <div /> 의 차이점 와 의 차이점 필자가 html, css 관련하여, 특히 position 에 관련한 여러가지 실습 도중 이상한 현상을 발견했다. 감자 분명 세번째 div 는 position:static 인데, 두번째 div 값의 위치에 영향을 받고 있었다. 게다가 a 태그 안에 있는 녀석의 값은 absolute 이고, 그 부모는 static 이기 때문에 windows 기준으로 "감자" anchor 가 위치되어야 하는데, 이 녀석도 세번째 div 의 값에 relative 한 값으로 위치배정이 되어 있었다. CSS position 값에 대해 자세히 알고 싶으세요? 여기를 클릭 제대로 된 원인을 찾지 못하고 새로운 example 을 만들다 발견한 사실은..바로 div 태그의 close 방법에 대한 내용. 감자 단지 div 태그.. 2013. 6. 26. 반응형 이전 1 다음
