2023.04.05 수 (HTML 박스모델, 박스사이징, *선택자 등)

프론트엔드웹디자인 5주차 2차시 강의내용

---

코드

box-sizing:border-box; /*테두리를 포함하여 크기 지정, *는 모든 엘리먼트에 대한다는 것*/
box-shadow: 2px 2px gray; /*그림자를 넣는 것 오른쪽 그림자 크기, 아랫쪽 그림자 크기, 색상*/
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.5); /*세 번째 숫자는 번지는 효과의 크기를 의미함.*/ /*콤마를 사용하여 색깔을 덧입힐수있음*/
opacity: 0; /*투명도를 주는 것임. 0을 주면 사라짐. 있긴 한데 안 보이는 것뿐*/

 

 

---

참고

https://coding-factory.tistory.com/187

[Html] Margin, Padding 속성의 차이점과 사용법