My Web Story

IT/CSS

css 원하는 부분 선택자

#1,4,7,10.... .boards_cont ul li:nth-child(-3n + 4 ) #4,7,10.... .boards_cont ul li:nth-child(3n + 4 ) #홀수선택 .boards_cont ul li:nth-child(even) #짝수선택 .boards_cont ul li:nth-child(odd) .boards_cont ul li:nth-child(2n) #4번째 부터 .boards_cont ul li:nth-child(n+4) #1번째 부터 19번째까지 .boards_cont ul li:nth-child(-n+18) #4번째 부터 19번째까지 .boards_cont ul li:nth-child(n+4):nth-child(-n+19) #2의 배수 .boards_cont ul..

IT/CSS

CSS로 문자열 자르기 - 한 줄 /여러 줄

#한줄 일때 CSS is a language that describes the style of an HTML document CSS is a language that describes the style of an HTML document #출력 #여러줄 일때 CSS is a language that describes the style of an HTML document. CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced. CSS is a language that describes the style of an HTML document. CSS describes h..

IT/CSS

textarea 크기조절 css

IT/CSS

reset.css

전체 브라우저에 같은 아웃풋을 내기위해 초기 리셋을 하는것이 좋습니다. 참고. https://meyerweb.com/eric/tools/css/reset/

IT/CSS

a태그 :hover 시 움직임

a태그 :hover 시 글자가 움직이는 것이 보이는데 해결방법은 hover시 letter-spacing:-0.88px; 로 움직임을 방지할수있다. :hover{letter-spacing: -0.88px;}

IT/CSS

블라인드 처리 방법

● 블라인드 처리 방법 · 블라인드처리는 display="none"이 아닌 아래코드 같이 해준다. · 안보이는것과 숨기는 것의 차이이다. .blind { position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; z-index: -1; } ​