Develop/CSS (2) 썸네일형 리스트형 CSS 2 BOX-SHADOW : BORDER 바로 밖에 그림을 그릴 수 있게 도와주는 옵션 BOX-SHADOW INSERT : BORDER 바로 안에 그림을 그릴 수 있게 도와주는 옵션 box-sizing : border-box 예제 위와 같이 box-sizing:border-box인 경우(blue)에서는 padding과 border 모두 합쳐서 가로, 세로가 100px을 차지하지만 box-sizing을 설정하지 않은 경우(red)에서는 100px에서 padding, border이 합친 크기로 그려진다. box-shadow 예제 box-shadow를 위와 같이 중첩해서 여러 개 사용할 수 있는데 각각을 사용할 때 마다 충첩되서 그려지며 실행은 맨 아래의 코드에서부터 실행이 된다. **box-shadow는 위에서부.. CSS 1 CSS는 기본적으로 Content, Padding, Border, Margin이라는 HTML 요소를 감싸는 box가 존재합니다. CSS display 속성 : inline block inline-block inline : 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치된다.(width, height 속성은 무시된다, margin, padding은 반영됨) ex. block : 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지한다.(width, height, margin, padding 모두 반영됨) ex. inline-block : 기본적으로 inline 처럼 엘리먼트들이 나란히 배치가 되는데 inline에서 불가능하던 width와 height 속성및 margin과 .. 이전 1 다음
