Tagged: CSS

landed 0

HTML5 무료 웹 템플릿 20가지

20 Free HTML5 Web Templates Landed If you need an up-to-date website with a hot look and advanced functionality this Landed template will be a perfect choice. It features a full-screen image at the...

css3-buttons 0

Just some other awesome CSS3 buttons

출처 : http://red-team-design.com/just-another-awesome-css3-buttons/   Just some other awesome CSS3 buttons   In this article you’ll learn how to create some cool CSS3 buttons in just a few steps. View demo While last time we’ve created...

HTML-code 0

코딩 공부에 유용한 사이트들

1. HTML5 Open Reference     http://html5ref.clearboth.org/   사실 웹표준 공부에 도움이 될만한 사이트는 거의 해외사이트가 대부분입니다. 하지만 이 사이트는 고맙게도 HTML5의 레퍼런스를 한글로 제공하고 있구요, 사전처럼 필요할 때 찾아 쓰기 좋습니다. 사이트 설명...

1299917740 0

[htmldrive] 메뉴&네비게이션 Menu & Navigation

Horizontal Subnav w/ CSS & jQuery               http://www.htmldrive.net/items/show/239/Horizontal-Subnav-w-CSS-jQuery     stickUp – A simple plugin that “sticks” an element to the top of the browser window while scrolling...

entity 0

엔티티 코드 EntityCode

엔티티 코드 HTML 예약 문자나 특수문자를 쓸때 사용하는 코드입니다. ex)  & … '<'나 '&'와 같은 특수문자들은 html 태그로도 사용되기 때문에 브라우저가 혼란을 겪는 경우가 많으므로 이런 문제를 해결하기 위해 사용됩니다.  엔티티 코드에 대한 정보는...

CSS 포지션(position) 정리 0

CSS 포지션(position) 정리

보통 p, h1, div 같은 엘리먼트를 블록 엘리먼트라고 부릅니다.  이런종류는 화면에 표시될 때 블록상자처럼 표시하기 때문에 이렇게 불리우게 되었습니다. 반면에 strong, spen 등과 같은 엘리먼트는 한줄이거나 한줄의 박스로 표시되기 때문에 인라인 엘리먼트라 불리웁니다.   블록박스는 하나씩...

[CSS] clearfix 0

[CSS] clearfix

CSS .pinkbox {width:324px;padding:5px;} .redbox {float:left;width:150px;height:60px;padding:5px;} .bluebox {float:right;width:150px;height:130px;padding:5px;} HTML <div class="pinkbox"> <div class="redbox"> redbox </div> <div class="bluebox"> bluebox </div> </div> 위와 같은 코드가 있다고 하면, 실제로 웹 브라우저에서는 아래와 같이 보인다.   redbox bluebox (ie6에서는...

[CSS] 폰트사이즈 font size px em % 0

[CSS] 폰트사이즈 font size px em %

웹에서만 사용하다 모바일을 고려하다 보니 font-size가 문제가 됩니다. 각종 기기마다 해상도가 다르다 보니 컨텐츠의 text 내용이 작아보이거나 너무 크게 보이는등의 문제가 발행합니다. font-size 의 단위를 설정하는 방법은 크게 고정단위(px)와 유동단위(%,em)이 있는대 모바일에서 확대 또는...