시맨틱 태그
의미를 가지는 태그 ... div 대신 사용
웹 표준 준수를 위해 각 태그가 어떤 위치에 어떤 의미로 사용되는지 알아야 함 !!
미디어 쿼리 Media Query
화면 크기에 따른 각각의 속성 값을 지정하여 여러가지 화면을 구성하는 기술
@media only all and (조건문) {실행문}
@media: 미디어 쿼리의 시작only: 미디어 쿼리 구문을 해석하라는 명령어 ( 생략 가능 )all: 미디어 쿼리를 해석해야 할 대상
-all: 모든 미디어 유형- print : 인쇄 장치
screen: 컴퓨터 스크린- tv : TV
- aural : 화면 리더기
- handhelf : 손에 들고 다니는 장치
- and : 앞과 뒤의 조건을 나타냄 ( 생략 가능 )
깃허브 소스 링크
노는 게 제일 좋은데 공부는 하고 싶어요 😗