CSS Declarations

앞으로 자주 사용할 부분의 개념을 정해보려고 한다.

 

CSS는 아래의 단위로 크기를 조정할 수 있다.

 

단위 

Releative 상대적이거나 (em, rem, vh, vw)

Absolute 절대적(고정된) (px, pt)

고정 크기 단위	설명	가변 크기 단위
px	픽셀	em, rem	em : 배수 단위 (부모의 글자크기에 따라 기준점이 달라진다.) 크롬기준 기본값 16pt root em : (최상위 요소의 글자크기에 따라 달라진다.)
pt	포인트 (워드나 한글에서 사용하는 폰트 크기 단위)	vw, vh	화면비 백분율 단위  vw : 넓이 vh : 높이
in	인치	vmin, vmax	화면비 최소, 최댓값  나중에 작성하겠지만 미디어 쿼리에서도 사용하여  모바일 환경을 위해 css 조정할 때 사용한다.
cm, mm	centimeter, millimeter	%

좋은 동영상 강의 하나도 첨부 : https://www.youtube.com/watch?v=7Z3t1OWOpHo

 

> Border

: style, width 등을 통해 기본 틀과 관련된 속성을 변경해준다

> Border-Radius

: 꼭지점을 기준으로 조절하여서 원형으로 변형시켜준다
: %를 쓰기도 하고 왼쪽 끝에서 시계방향으로 돌아가서 4개개의 지점을 설정할 수도 있는데

: / 를 사용하는 부분은 뭐지? 했는데 좋은 예제가 있어 첨부해둔다. 
https://codepen.io/laviperchik/pen/mAHwE

> Border-collapse

: 그대로 내용을 가져오면 " CSS 속성은 표 테두리(border)가 분리(separated) 또는 상쇄(collapsed)될 지를 결정합니다."
: MDN에 가서 예제를 보면 쉽게 이해할 수 있다.