float

• float는 편집 디자인에서 이미지를 삽화로 삽입할 때 사용하는 기법이다. 또한 레이아웃을 잡을 때도 사용하는 기능이기 때문에 꽤 중요하다.

multiculumn

• 페이지를 설정할때 사용하는 태그이다.
• 페이지를 가로나 세로로 분단해서 사용한다.

background

• background-size
  • cover : 이미지를 공간안에 꽉 채운다(이미지가 크기가 크면 나머지 부분은 삭제 처리됨)
  • contain : 이미지의 삭제없이 다 채운다

미디어 쿼리

• 미디어 쿼리는 화면크기에 따른 각각의 속성 값을 지정하여, 여러가지 화면을 구성하는 기술이다.

@ media only all and(조건문){실핼문}

• @media : 미디어 쿼리가 시작됨을 표시
• only : 미디어 쿼리 구문을 해석하라는 명령어(생략가능)
• all : 미디어 쿼리를 해석해야할 대상을 나타냄(생략가능)
• and : 앞과 뒤으 조건을 나타낸다(생략가능)
• (조건문) : 해장 조건을 설정, max-width : 이하, min-width : 이상
• {실행문} : 조건에 따라 실행할 스타일 설정

link와 import

• 외부로 파일을 빼는 방법
• html 태그로 하는 방법

<lick rel="stylesheet" href="style.css">

• css로 style태그에서 하는 법

<style>
	@import url("style.css")
</style>

• import는 css파일 안에서도 사용 가능해서 중첩가능하다
• 예를 들어 style.css 안에 style2.css를 임포트하고 style.css를 임포트로 가져오면 2 도 가져와진다.

cache

• cache : 자주 접근하는 데이터를 복사 해놓는 임시 저장소
• browser cache : 서버지연을 줄이기 위해 사용하는 웹 캐시의 일종

&&& bootstrap 에서 CDN 부분 복사해서 가져오면
사용할수 있다