여러 페이지에 들어가 있는 미디어 쿼리들의 중복된 부분들을 제거해 효율적으로 코딩한다..CSS 확장자 파일의 사용법 학습<link rel> 링크된 문서와의 관계를 지정(rel은 href 속성의 추가 정보이며, href 속성이 있을때만 지정)<link rel=
미디어 쿼리를 이용한 반응형 디자인 학습반응형 디자인 화면의 크기에 따라서 웹 페이지의 각 요소들이 반응해서 동작하게 된다.미디어 쿼리 CSS 문법 중 하나이며, 사이트에 접속하는 장치에 따라 특정한 조건에 맞는 CSS 스타일을 사용하도록 도와주는 모듈이다.style
🎈 박스 모델 > WEB1 - css body { margin:0; } #active { color:red; } .saw {
Cascading Style Sheets의 줄임말이며, HTML, XML 등의 마크업 언어 문서들을 꾸며주는 역할을 한다.문서의 내용과 디자인을 분리해 관리할 수 있으며 여러 개의 수정 사항을 한 번에 변경할 수 있다는 장점이 있다.<font color> 폰트의
🎈 position 속성 > 문서 안의 텍스트나 이미지와 같은 요소를 원하는 위치로, 어떤 방식으로 배치할지 결정하는 속성이다. relative 기본 설정값에 대해 상대적이다. 기본 설정값이 50px이라면, relative로 5px을 줬을 시 55px이 된다.
displaylist-stylepositionfloatclearwidth / heightpadding / marginborder / backgroundcolor / fonttext-decorationtext-align / vertical-alignwhite-spaceo