[TIL 2024. 01. 31]

오늘 한 일

(-티스토리 블로그_구글 폰트로 수정해봄)

-웹개발 1주차 완.

 

-TIL 작성

 

오늘의 리뷰

-화면을 div 태그를 쌓은 형태로 이해하는 게 좋을 듯

(+div에는 항상 선택자를 붙여준다_대부분 class)

div로 묶어둬야_내용물을 정렬하기도 용이함

->card를 쓸 때도 1. 일단 카드를 붙일 영역을 만들고 2. 카드를 붙여줌.

 

-나만의 추억앨범 프로젝트_header만들 때.

: class="mybtn" 안에 있는 두 개의 버튼 사이를 조금 띄우고 싶을 때

.mybtn > button {
	margin-right: 5px;
}

 

-부트스트랩에서 가져온 jumbotron에 이미지 넣기

-> div로 감싸서!

 

-부트스트랩에서는 내장된 기능으로 fs-1~fs-6까지 가능함.

숫자가 작을수록 폰트 사이즈가 큼!

(즉, 별도의 css가 없이도 간단히 글씨 사이즈 조절 가능)

 

-padding: 20px;는 위/오/아래/왼 모두 20px;주는 것과 같음.

 

-음수의 margin도 가능함.

예를 들어 margin-top을 음수로 주면, 상단과 요소가 더 가까워짐.

단, 예상치 못한 효과가 있을 수 있으므로 신중하게 사용할 것.

 

-box-shadow: 수평 수직 번짐 범위

->보통은 번짐만 조정함. 나머지는 0px;