본문 바로가기

CSS

:nth-child - CSS :nth-child - CSS | MDN https://developer.mozilla.org/ko/docs/Web/CSS/:nth-child CSS 의사 클래스 :nth-child(an+b)은 0 이상의 n 에 대해서 도큐먼트 트리에서 자기 앞에 a n+ b -1 개의 형제가 있는 엘리먼트와 일치한다. 더 간단히 말하면 이 셀렉터는 일련의 형제들 중 순서가 an+b 패턴과 일치하는 몇 개의 자식 엘리먼트와 일치한다. 레벨 3 구현에서는 일치하는 엘리먼트의 부모가 있어야 하지만 레벨 4에서는 없어도 된다. 더보기
모든 브라우저에서 지원하는 TEXT-OVERFLOW (ELLIPSIS, 말줄임표) 모든 브라우저에서 지원하는 text-overflow (ellipsis, 말줄임표) - codeJS http://www.codejs.co.kr/text-overflow-ellipsis/ 더보기
CSS Float를 Clear하는 방법 웹퍼블리셔! :: CSS Float를 Clear하는 방법 http://webjin85.tistory.com/7 1. float: left; 혹은 float: right;를 적용시켰을 경우, float 설정하기 전과 달라지는 점. float은 현재 행의 왼쪽이나 오른쪽으로 밀려나는 box입니다. float의 특징은 다른 컨텐츠가 그 주위로 흐른다는 것입니다.(clear 속성으로 막을 수 있음) 주위 컨텐츠는 왼쪽으로 float된 박스의 오른쪽을 따라, 또는 오른쪽으로 float된 박스의 왼쪽을 따라 흘러 내립니다. HTML에서 블럭 요소(div, p, h1... 등)는 위에서 아래로 쌓.. 더보기
html width 100% 문제 html - difference between width auto and width 100 percent - Stack Overflow http://stackoverflow.com/questions/17468733/difference-between-width-auto-and-width-100-percent html - How to force position absolute with 100% width to fit into parent div with padding? - Stack Overflow http://stackoverflow.com/questions/27859952/how-to-force-position-absolute-with-100-width-to-fit-into-parent-div-with-.. 더보기
html textarea 태그에서 width를 100% 했을 때, 레이아웃을 벗어나는 문제 html - How can I make a TextArea 100% width without overflowing when padding is present in CSS? - Stack Overflow http://stackoverflow.com/questions/271067/how-can-i-make-a-textarea-100-width-without-overflowing-when-padding-is-present Unwrongest http://unwrongest.com/100-percent-width-textareas/ 더보기
HTML, CSS, Json, Javascript 소스 코드 정렬 Tools - Tabifier (HTML and CSS code beautifier) - Arantius.com http://tools.arantius.com/tabifier Tools - Tabifier (HTML and CSS code beautifier) Online JavaScript beautifier http://jsbeautifier.org/ 더보기