웹개발 종합반 1주차

--1주차 배운 내용 간단 요약--

1. 간단한 로그인 페이지 만들기

2. 내가 만든 웹페이지

3. 구글 폰트

4. 부트스트랩

5. CSS

---

● 내가 헷갈렸던 CSS

display 를 통해 내용물 정렬에 있어 colmn || row 를 통해 세로 가로 정렬이 가능하다.

(div 안에 내용물을 padding을 사용하지 않고 간단하게 정렬 할 수 있다)

display: flex;
flex-direction: column; 
align-items: center;	
justify-content: center;

마우스 커서를 올려 놓으면 실행한다

mytitle>button:hover {
	border: 2px solid white;
}

배경에 이미지 삽입하는 방법

background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('');
background-position: center;
background-size: cover;