Programming/HTML/CSS37 [css] 선택자 선택자(Selector)선택자는 Type(element),Universal(*),class/id,attribute(속성),가상요소/가상클래스,선택자결합(하위,자식,인접) 등으로 구성된다.PatternMeaningS5C8F3.6O11I9bI8I7I6#idid로 지정된 요소 선택OOOOOOOO.classclass로 지정된 요소 선택OOOOOOOOEE 요소를 선택OOOOOOOOE:link방문하지 않은 E를 선택OOOOOOOOE:visited방문한 E를 선택OOOOOOOOE:hover마우스가 올라가 있는 동안 E를 선택OOOOOOOOE:active마우스 클릭 또는 키보드(enter)가 눌린 동안 E를 선택OOOOOOOXE:focusfocus가 머물러 있는 동안 E를 선택OOOOOOXXE:first-lineE 요.. 2013. 3. 8. [HTML] meta 태그 뷰포트 meta 태그의 속성 속성 이름 예시 설명 width width=240 width=device-width 화면의 너비 height height=800 height=device-height 화면의 높이 initial-scale initial-scale=2.0 초기확대비율 user-scalable user-scalable=no 확대 및 축소의 가능여부 minimum-scale minimun-scale=1.0 최소 축소 비율 maximum-scale maximum-scale=2.0 최대 축소 비율 target-densitydpitarget-densitydpi=medium-dpi DPI 지정 2013. 3. 8. text-overflow:ellipsis display: block;width: 120px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis; white-space:nowrap; 넓이를 지정하였더라도 자동으로 줄바꿈되지 않게 강제로 개행을 막아줌. word-break:break-all;문장을 띄어쓰기 할때 쓰인 공백기준이 아닌 문자단위로 끊어주는 속성 text-overflow:ellipsis;텍스트가 넘칠때, 말줄임표( ... )가 나오게 하는 속성, 적용조건 white-space:nowrap;[출처] white-space:nowrap;, word-break:break-all;, text-overflow:ellipsis;|작성자 달콤쌉쌀 긴 글자 생략하기 Semina.... 이런식으로 나.. 2013. 3. 5. 초기화 코드 전세계적으로 다음 초기화 코드를 많이사용한다. http://meyerweb.com/eric/tools/css/reset/http://html5doctor.com/html-5-reset-stylesheet/http://developer.yahoo.com/yui/3/cssreset/ 2013. 3. 5. 이전 1 2 3 4 5 6 ··· 10 다음