stylesheet2 [CSS] Media Query(미디어 쿼리) if 문과 비슷하게, 조건에 따라 style을 다르게 적용할 수 있음 기본적인 문법은 다음과 같음@media (조건) { ~style 관련 내용~} 조건 관련해서 기본적으로 알아두면 좋은게 max-width와 min-width!max-width : 조건에 설정된 값보다 작거나 같은 경우 적용min-width : 조건에 설정된 값보다 크거나 같은 경우 적용/* 브라우저 화면 너비가 790px 이하인 경우 */@media(max-width:790px){ .container{ width: 100%; height: auto; margin: 0 auto; display: flex; flex-direction: column; } .. 2024. 7. 30. [CSS] HTML에 CSS style sheet를 적용하는 방법 HTML 문서에 CSS style sheet를 적용하는 방법은 크게 3가지가 있음!명칭설명외부 스타일시트(external style sheet)- 외부 css 파일을 생성 후, html head 요소 안에 기술하여 불러옴- 총 두 가지 방식이 있음 : import, link인라인 스타일시트(inline style sheet)- html 요소에 직접 기술- 유지보수를 생각하면 내다버려야 할 방식내부 스타일시트(embedded style sheet)- html의 head 요소 내에 직접 기술- style 요소 내부에 css 코드를 작성 세 가지 방법에 대해, 스타일이 적용되는 우선순위는 인라인 > 내부 > 외부 순서. 1. 외부 스타일시트 (external style sheet)1-1. link 요소를 활용.. 2024. 7. 30. 이전 1 다음