태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

:nth-child - CSS

개발/css 2018. 4. 18. 20:42

: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에서는 없어도 된다.

 

 

 

 

TAG CSS

댓글을 달아 주세요

댓글을 달아 주세요

웹퍼블리셔! :: CSS Float를 Clear하는 방법

http://webjin85.tistory.com/7

1. float: left; 혹은 float: right;를 적용시켰을 경우, float 설정하기 전과 달라지는 점. float은 현재 행의 왼쪽이나 오른쪽으로 밀려나는 box입니다. float의 특징은 다른 컨텐츠가 그 주위로 흐른다는 것입니다.(clear 속성으로 막을 수 있음) 주위 컨텐츠는 왼쪽으로 float된 박스의 오른쪽을 따라, 또는 오른쪽으로 float된 박스의 왼쪽을 따라 흘러 내립니다. HTML에서 블럭 요소(div, p, h1... 등)는 위에서 아래로 쌓..

 

 

 

 

TAG CSS, Float

댓글을 달아 주세요

WEBDIR :: CSS로 유동적인 컨테이너 너비에 기반한 이미지 비율 유지, 가운데 정렬, 자르기

http://webdir.tistory.com/487

이미지 요소나 비디오 요소를 특정 비율에 맞춰 확장 또는 축소되길 원할때 사용되는 기법에 대한 설명입니다. 스크립트의 사용없이 오직 CSS만을 이용하여 이를 구현해보며 원리의 이해를 돕습니다. 이미지 비율 유지 이미지의 비율을 유지하면서 크기 조정을 하는 방법은 이미지의 너비와 높이 둘 중 어느 하나를 auto 값을 유지한 채로 크기 조정을 하는 것이다. 흔히 반응형 이미지에 사용되는 방법은 아래와 같다. img { ma..

 

 

 

 


댓글을 달아 주세요

수정배포된 CSS/JS 파일 캐시 방지 | Knowledge Logger

http://www.letmecompile.com/css-js-파일-캐시-방지/

웹사이트를 운영하다보면 웹사이트의 디자인이나 프론트엔드 동작을 바꾸기 위해서 CSS 또는 javascript 파일을 수정하는 일이 종종 생기게 된다. 이때 수정된 파일을 서버로 배포하더라도, 기존 웹사이트를 이용하던 유저의 브라우저 캐쉬때문에 수정된(fresh) 파일을 다운로드 하

 

 

댓글을 달아 주세요