<head> 와 <body>의 큰 틀로 묶인다.
<head>안에 <style> 작성
<body>안에 큰 짜임새 작성
-<body>안에서 class="묶어줄이름" 으로 태그를 달고 <head>안의 <style>에서 꾸미는 서식 넣어줌.
ex)
가운데 정렬을 위해서 가장 간편한 방법은
이 밑에 4줄은 꼭 항상 같이 다니는데 이 태그를 사용하면 padding을 쓸필요가 없이 엄청 편하다.
만약 가로로 정렬하고 싶다면
타이틀(내 생에 최고의 영화들) 밑에 버튼(영화 기록하기)
mytitle > button 으로 표기!!
* border : 테두리
* solid : 실
* border-radius : 테두리 둥글게
* margin-top : 윗부분과 간
[배경화면으로 상어 이미지 첨부하기]
여기까지는 신기하게 잘 따라 완성을 했는데
밑에 버튼 기록하기/닫기 버튼이 가운데 정렬을 아무리 해도 안되는 것이다..
대체 이유를 모르겠음..
선생님께서 완성하신 코드랑 내 코드랑 다 비교해가며 찾아봐도 틀린 점이 안보이고ㅠㅠㅠ
새벽까지 밤을 새며 4번이나 인강을 다시 들으며 처음부터 다시 코드를 작성해서 겨우 완성했다...
정말 짜증이 너무 났는데 완성하고 싶어서 환장하는줄
아직도 열받네.. 대체 뭐때문에 안된거지ㅡㅡ
1주차 숙제로 별점 넣는 것 까지 1분만에 뚝딱~
'부트캠프 > 사전스터디' 카테고리의 다른 글
첫번째 토이 프로젝트 (오늘의 꿀템) (0) | 2023.04.08 |
---|---|
항해 개발일지(23.03.24)-5 (0) | 2023.03.24 |
항해 개발일지(23.03.23)-4 (0) | 2023.03.23 |
항해 개발일지(23.03.22)-3 (0) | 2023.03.22 |
항해 개발일지(23.03.21)-2 (2) | 2023.03.22 |