CSS의 기본문법

CSS-생활코딩

CSS는 HTML을 아름답게 꾸며주는 디자이너의 언어

box모델은 컨텐츠의 넓이, 컨텐츠의 높이, 패딩, 테두리, 마진으로 이루어져 있음.

content : 요소가 담고 있는 내용
padding : content와 border사이의 간격
border : 테두리 선
margin : border와 다른 요소 사이의 간격

padding= 엘리먼트의 상,하,좌,우 여백을 지정함

border= 엘리먼트에 테두리 너비사이즈, 색상, 스타일을 지정

border-width

thin : 얇은 테두리
medium : 중간 테두리 [default값]
thick : 두꺼운 테두리
inherit

border-style

solid : 실선
dashed : 짧은 선들의 패턴으로 이루어짐
dotted : 점선
double : 두개의 실선
groove : 캔버스에서 안으로 조각되어진것처럼 보인다.
ridge : 캔버스에서 튀어 나와 조각되어진것처럼 보인다. groove의 반대로 보임
inset : 안쪽으로 입체감이 느껴진다.
outset : 밖으로 입체감이 느껴진다. inset의 반대로 보임
none : 보더를 지정하지 않는다. [default 값]
hidden : 테두리 숨기기
```