생활코딩/CSS (2) 썸네일형 리스트형 CSS 2일차 그리드 - DIV : 블럭 레벨 엘리먼트 무색무취의 태그. 디자인 목적 - SPAN : 인라인 레벨 엘리먼트 grid-template-columns: 150px 1fr; (왼 오른쪽) #grid{ display:grid; grid-template-colums:150px 1fr; } 그리드1 그리드2 그리드를 사용할 부분에 여러 태그가 있을 경우 div나 다른 부모 태그로 묶어주기 fr: 화면 전체 자동 조정 - 반응형 디자인과 미디어 쿼리 소개 800픽셀이 넘을 경우 보이지 않게 함 Responsive - 반응형 디자인과 미디어 쿼리 소개 @media(max-width:800px){ #grid{ display: block; } ol{ border-right:none; } h1 { border-bottom.. CSS 1일차 CSS등장 이전의 상황 - CSS의 등장 - 혁명적 변화 Selector a{ Declartation Color : red; 속성(Property) 값 } - CSS 속성을 스스로 알아내는 방법 SPAN inline Elemnet DIV Block Element 이전 1 다음
