모든 태그의 속성에은 기본값이 있다. css는 그 엘리멘트의 기본값을 바꿔주는 것이다.
div, section, nav, 태그는 display 속성의 기본값은 block이다.
width, hegit의 기본값은 auto 이다.
- block
- 너비 : 너비가 지정되어 있지 않으면, 최대한 유연하게 늘어난다.
- 높이 : 높이가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다.
- 배열방향 : 세로방향, 한줄에 무조건 1개씩
- inline-block
- 너비 : 너비가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다.
- 높이 : 높이가 지정되어 있지 않으면, 최소한으로 유연하게 줄어든다.
- 배열방향 : 가로방향, 한줄에 최대한 많이 나온다.
font 관련 css 속성
/ 글자의 두께 조절 /
font-weight:~;
/ 글자의 크기 조절 /
font-size:~;
/ 자간조절 /
letter-spacing:~;
/
글자의 색상 조절
rgba 함수의 인자
인자 1(red) : 0 ~ 255 까지 넣어서 실험
인자 2(green) : 0 ~ 255 까지 넣어서 실험
인자 3(blue) : 0 ~ 255 까지 넣어서 실험
인자 4(alpha, 투명도) : 0 ~ 1 까지 넣어서 실험
/
color:rgba(~,~,~,~);
/
색상을 16진수로 표현
/
color:#~~;
원하는 색상이 있으면 구글에 color picker라고 검색 후, 값을 가져온다.
table 태그
옛날에는 web의 모든 레이아웃을 잡는데 썻지만 이제는 표를 만들 때만 사용
🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳