MediaQuery [대구AI스쿨] 21.07.12 개발일지 ※ flexbox.help 사이트를 이용하여 미디어 쿼리 작업 수행 ● PC 버전 ● 모바일 버전 작성 코드 ● header(3차원)와 main(2차원) 일 때, 레이어가 겹치는 현상 발생 ● PC 버전(1줄) ● 모바일 버전(2줄) 작성 코드 ● 안의 박스(6개 박스의 width값의 합)가 박스를 감싸는 영역보다 큰 경우, 자동 줄 바꿈 현상이 일어나게 해야함 ● 4번째 박스(column)... 대구AI스쿨VS CodeCSSMediaQueryhtmlCSS CSS 박스모델, MediaQuery, grid style 태그 사용 style 속성 쓰기 1. Style 태그 사용 ex) 글자 색을 바꾸고 싶을 때 head내에 css를 도입할 수 있다. color = property(속성) 2.Style 속성 사용 ex)여러 목록 중 하나의 목록 색 변화를 주고 싶을 때 응용 ex) 링크에 있는 밑줄을 지우고 싶을 때 ex)특정 링크 구간만 예외적으로 문자를 유지하고 싶을 때 CSS 속성 스스로 알아... gridBox Model선언(declaration)선택자(selector)MediaQueryBox Model
[대구AI스쿨] 21.07.12 개발일지 ※ flexbox.help 사이트를 이용하여 미디어 쿼리 작업 수행 ● PC 버전 ● 모바일 버전 작성 코드 ● header(3차원)와 main(2차원) 일 때, 레이어가 겹치는 현상 발생 ● PC 버전(1줄) ● 모바일 버전(2줄) 작성 코드 ● 안의 박스(6개 박스의 width값의 합)가 박스를 감싸는 영역보다 큰 경우, 자동 줄 바꿈 현상이 일어나게 해야함 ● 4번째 박스(column)... 대구AI스쿨VS CodeCSSMediaQueryhtmlCSS CSS 박스모델, MediaQuery, grid style 태그 사용 style 속성 쓰기 1. Style 태그 사용 ex) 글자 색을 바꾸고 싶을 때 head내에 css를 도입할 수 있다. color = property(속성) 2.Style 속성 사용 ex)여러 목록 중 하나의 목록 색 변화를 주고 싶을 때 응용 ex) 링크에 있는 밑줄을 지우고 싶을 때 ex)특정 링크 구간만 예외적으로 문자를 유지하고 싶을 때 CSS 속성 스스로 알아... gridBox Model선언(declaration)선택자(selector)MediaQueryBox Model