Circle 。。。/멋쟁이사자처럼(Like Lion) 12기
[2024.04.02] 멋쟁이사자처럼 2주차 과제 - 레이아웃 따라하기 💗
z3r0_
2024. 4. 9. 16:27
.html
<!-- 느낌표 엔터하면 구조 바로 만들어짐-->
<!DOCTYPE html>
이 문서의 타입이 html이라는 의미
<html lang="ko">
이 문서의 언어가 한국어라는 의미이며, </html>으로 닫힘\
meta~
메타 태그
구조
- 헤드 - 바디 <헤더 - 메인 - 푸터>
class 선택자 (.)
- 클래스 식별자
- 클래스 식별자의 경우, 하나 이상의 HTML 요소에 동일한 스타일을 적용할 때 사용함.
- css에서 #으로 지정.
ID (#)
- 아이디 식별자
- 아이디 식별자의 경우, 특정 요소를 식별할 때 사용함.
- css에서 . 으로 지정.
.css
margin
- 요소의 바깥쪽 여백을 지정.
padding
- 요소의 내부 여백을 지정.
- 미리 클래스를 지정해 둘 때 사용해 전체적으로 적용하기 위해 사용함!
display: flex;
- 옆으로 쌓이도록 설정
flex-direction: column;
- 아래로 쌓이도록 설정
* 오브젝트를 넣을 때는 섹션을 나눈다고 생각하기
옆으로 넣는 섹션 따로, 아래로 쌓는 섹션 따로 등...
2주차 후기
이전에 해 보았던 거라 저번보다 무리없이 이해 가능했다!
다음에는... 꼭 자바 스크립트를 정복하고 테스트에 통과할테다...