inherit
-
카카오톡 클론 코딩 #14 header CSS이거 공부 했더니 어때?/HTML & CSS & JS 2020. 11. 20. 01:33
이번 포스팅에서는 header 부분을 수정해 보겠습니다. 1> 정렬과(세로정렬->가로 정렬), 간격을 조정하고, 2> 왼쪽에 적힌 (어떤 창인지 알려주는)제목의 글자 스타일을 수정하고, (글자크기를 키우고, 굵기는 진하게) 3> 우측에 있는 아이콘들의 크기와 간격을 주는 순서로 고쳐 보겠습니다. 그럼 제일 먼저, 새 파일 header.css를 만들고, style.css에 header를 @import 합니다. 위와 같이 해 주고 header에 배경색을 주면, header부분이 잘 선택되었다는 것을 브라우저에서 확인할 수 있습니다. 1> dispaly: flex; 를 입력하여, 가로정렬을 세로정렬로 고쳐 주고, (div태그는 display: block이 default값, span태그는 display: inc..