728x90
반응형
Front를 구성할 때 제일 기초는 박스모델로 전반적인 구조를 잡는다 (Wireframe)
그다음에는 태그들을 달아준다 (이 박스는 어떻게 구상할 것인지)
1. heder섹션, player섹션, info섹션, Upnext 섹션 크게 4개로 나누어진다.
- icon은 site :https://fontawesome.com/start
CSS 디자인은 Material Design Guidelines를 따른다고한다.
2. CSS 연결
- <link rel="stylesheet" href="style.css">
- css class설정할때는 작게작게 설정
- CSS도 박스모델 처럼 위에서붙어 밑으로 꾸며준다.
728x90
반응형
'📚 Study > Html, css' 카테고리의 다른 글
html img 이미지 가져오기 절대경로와 상대경로 (1) | 2022.09.06 |
---|---|
[svg] SVG viewBox를 알아보자 (0) | 2022.09.06 |
Font Awesome 사용해서 아이콘 넣는 방법 (0) | 2022.03.03 |
[HTML] <img>요소와 JPEG, PNG, GIF의 차이 (0) | 2022.02.23 |
check box setting (0) | 2022.02.16 |