인라인 요소와 블록 요소 정리
block요소 block,inline요소를 감쌀 수 있음. width: 100%, height: 0으로 시작. 크기를 지정할 수 있음. 항상 (한 영역을 다 차지하여) 줄바꿈되서 시작이 되며 가로폭 전체의 넓이를 가지는 직사각형 형태가 됨. width, height, margin, padding 등을 사용하여 형태를 변형하여 레이아웃을 수정할 수 있음. 종류 : address, article, aside, audio, blockquote, canvas, dd, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, noscript, ol, output, p, pre, section, ta..
2020. 4. 10.
box-shadow
box-shadow - 박스에 그림자 효과를 주는 속성 none , h-shadow , v-shadow , blur , spread , color , inset h-shadow : 그림자의 수직(X축) 거리 v-shadow : 그림자의 수직(Y축) 거리 blur : 그림자의 흐림정도 spread : 그림자의 거리 inset : 내부 그림자 box-shadow: 0px 0px #ccc; - h-shadow, v-shadow , color box-shadow: 0px 0px 0px #ccc; - h-shadow, v-shadow, blur, color box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); - h-shadow, v-shadow, blur, spread, colo..
2020. 3. 20.
