styled.button : 에 대한 스타일 정의 &.hover == .button.hover & + & == .button + .button : button끼리 붙어 있을 때 &:hover { color: red; } & ~ & { color: tomato; // 건너서 있을때 - } & + & { color: lime; // 바로 옆에 있을때 } **미디어쿼리(화면 크기나 환경에 따라 웹사이트 변경하는 기술)** (1) 미디어쿼리 기본문법: @media [only 또는 not] [미디어유형] [and 또는 ,콤마] (조건문) {실행문} - 미디어 유형: all, print, screen, tv, projection 등 - @media A and B {실행문} , @media A, B{실행문} - @m..

CODING/HTML,CSS 2022. 12. 29. 17:31

``` div태그: 여러태그들을 묶어서 css를 함께 꾸며주기 위한 태그 HTML section태그: div와 속성 똑같다 (=article) --> 난잡하지 않도록 구분하는 것 뿐 이력서 HTML/CSS HTML/CSS About Me HTML/CSS개발자 copyright CODE LION. ALL rights reserved. CSS @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800&display=swap'); --> 구글폰트 컴업 인기가 많음 * { font-family: 'Montserrat'; } footer { text-align: center; --> 박스안의 텍스트 정..

CODING/HTML,CSS 2022. 5. 27. 20:15