조건부 주석

// html5shiv는 ie8이하 html5의 요소를 지원하며, respond.js는 ie8에서 미디어쿼리를 사용할 수 있게 한다.…


버튼 가상클래스 (hover, focus 등)우선순위

a:link, a:visited, a:hover, a:active, a:focus { } 코드 상으로 나중에 등장하는 클래스의…


줄바꿈 속성 word-break, word-wrap, white-space

p {word-break: keep-all;} // keep-all : 단어 기준으로 줄바꿈 // break-all : 글자…


Css 원하는 행에서 글자 자르기

.test { // 한 줄 자르기 white-space: nowrap; overflow: hidden;…


input, select 스타일 제어

input, select 스타일 제어를 항상 기억하고 있으면 좋겠지만.. 난 기억력이.. // 스타일링 제거 .input{…


meta viewport 뷰포트 태그

meta viewport는 애플에서 IOS장치의 모바일 뷰포트 크기를 조절하기 위해 만들었다. 따라서 표준은 아니지만 다른 브라우저 또한 이…


이미지 Transition 버그

이미지에 트랜지션을 걸 경우 hover시 이미지가 지글지글 거리는 버그가 있다. 이를 바로잡기 위해서는 해당 이미지와 hover 일 경우 모두…


ie 스크롤 모양 감추기

스타일 작업을 하다 보면 디비전 내부에 내용이 넘칠때 자동으로 스크롤이 되게 한다. 이때 크롬에서는 스크롤 모양이 안보이고 스크롤이…