필기노트3 CSS 미디어쿼리 중복제거 생활코딩_Web2_CSS_12.미디어쿼리_필기노트 반응형 @media(min-width:500px) { div { display:none } }min-widthmax-width 생활코딩_Web2_CSS_12.중복제거_필기노트 style.css 로 파일을 새로 만들어 저장 그 자리에 대체할 것 내가만든 페이지에 적용할 경우.... 10개의 파일의 꾸밈? style을 한 번에 관리할 수 있다. 이런거 너무 좋잖아.. 흑흑 2019. 2. 9. 그리드grid 그리드grid생활코딩_web2_css_10.그리드_필기노트 div block level span inline display:grid; grid-template-columns: 150px 1fr; 150px 1fr 왼쪽 150px로 고정 1fr 1fr 1:1 2fr 1fr2:1 div id="" 로 그리드 구분#grid>ol {} 로 ordered line 구분 도움이 되는 사이트 : caniuse.com 현재까지 진도를 따라가며 만든 나의 웹페이지하..어썸하다 증말... 🤩🤩 2019. 2. 8. css 선택자/selector CSS 선택자/selector 필기노트생활코딩_wed2_7.CSS 선택자의 기본 font-size:2000pxtext-align:center .class.saw { color:grey; }class="saw" .active { color:red; }class="saw active" #id우선순위 - 원래는 마지막에 입력한 선택자가 우선 적용됨. 순서에 상관 없이 우선으로 적용하고 싶으면 태그 > class > id문서 내에서 id는 중복적용 안됨. 한 번만 등장해야함 #active { color:red }id="active" css selector 종류/예제 2019. 2. 8. 이전 1 다음