CSS (3) 썸네일형 리스트형 CSS 속성 정리 border border : 선 - 두께 선 - 종류 선 - 색상 [선의 종류] solid : 실선 dotted : 점선 ( . . . ) dashed : 파선 ( - - - ) double : 두 줄 선 groove : 홈이 파여있는 모양 ridge : 솟은 모양 (groove의 반대) inset : 요소 전체가 들어간 모양 outset : 요소 전체가 나온 모양 box-sizing box-sizing는 요소의 크기를 계산하는 기준을 지정할 때 사용됩니다. content-box : 요소의 내용(content)으로 크기 계산 (기본값) border-box : 요소의 내용 + padding + border로 크기 계산 * width 100px, border 4px, padding 20px 일 때 conte.. CSS 기초 정리 CSS 선택자 CSS 선택자에는 다음과 같은 선택자가 있습니다. [기본 선택자] * : 전체 선택자 (모든 요소를 선택) div : 태그 선택자 (태그 이름이 div인 요소 선택) .ex : 클래스 선택자 (HTML class 속성의 값이 ex인 요소 선택) #ex : 아이디 선택자 (HTML id 속성의 값이 ex인 요소 선택) [복합 선택자] div.ex : 일치 선택자 (태그 선택자와 클래스 선택자 ex를 동시에 만족하는 요소 선택) ul > .ex : 자식 선택자 (태그 선택자의 자식 요소 중 클래스 선택자가 ex인 요소 선택) div .ex : 하위 선택자 (선택자의 하위 요소 중 클래스 선택자 ex인 요소 선택) .ex + div : 인접 형제 선택자 (선택자 ex의 다음 형제 요소 div 하.. 크로스 브라우징을 위한 CSS reset 작업 크로스 브라우징(Cross Browsing) 크로스 브라우징(Cross Browsing)이란 조금씩 다르게 구동되는 여러 브라우저에서, 동일한 사용자 경험(같은 화면, 같은 동작 등)을 줄 수 있도록 제작하는 기술입니다. 다양한 브라우저에서 크로스 브라우징을 위해서는 CSS reset 작업이 필요합니다. 예를 들어 각각의 브라우저마다 body 태그에 대한 margin이나 padding이 조금씩 차이가 있기 때문에 크로스 브라우징을 위해 해당 속성에 대한 reset 작업이 필요합니다. 아래 2개의 cdn을 활용하면 간편하게 reset이 가능합니다. jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress.. 이전 1 다음
