반응형
header html 작성
<header class="welcome-header">
어디에 사용되는 header인지 특정해줄 필요가 있음
<form id="login-form">
이번 클래스에서 form은 한번만 사용될 예정이기 때문에 id로 작성
로그인에 사용되는 모든 버튼은 form안에 포함시켜 줌
css를 위한 폴더를 만들고 그 안에 styles.css를 생성
html 파일과 css를 연결하기 위해 <head>에 <link> 작성, 단축키는 link:css
작성된 html파일과 생성한 css파일이 연결되었는지 테스트하고 작동되는지 확인
'HTML CSS' 카테고리의 다른 글
| KokoaTalk Clone Coding: sign up screen 4(status-bar, header) (0) | 2021.05.12 |
|---|---|
| KokoaTalk Clone Coding: sign up screen 3(status-bar, header) (0) | 2021.05.11 |
| KokoaTalk Clone Coding: sign up screen 1(status-bar) (0) | 2021.05.10 |
| KokoaTalk Clone Coding: media queries 2 (0) | 2021.05.06 |
| KokoaTalk Clone Coding: media queries 1 (0) | 2021.05.06 |
