🆚Front/CSS

가상 클래스 /* 마우스 클릭시 반응 */ input:focus { background-color: beige; } /* 마우스 커서가 닿일시 반응*/ label:hover { background-color: hotpink; } /* 클릭하여 페이지 이동시 반응*/ #intro:target { background-color:#0069e0; /* 배경색 - 파란색 */ color:#fff; /* 글자색 - 흰색 */ } /* 값을 변경하지 못함*/ /* container의 자식으로 처음나온 속성 */ .container :nth-child(1){ background-color: burlywood; } /* container의 자식으로 처음나온 p */ .container p:nth-child(1){ bac..

VScode 유용하게 사용하기 💽 HTML / CSS 코딩하는데 유용한 VSCode 확장팩 이번 포스팅에서는 VSCode에서 HTML과 CSS를 코딩하는데 있어 편리하며 가독성이 좋게 사용할수 있는 확장팩을 여러분들께 소개해 본다. 아래 소개하는 익스텐션들은 필자가 직접 설치해서 사용해 inpa.tistory.com 스타일 시트 인라인 스타일 내부 스타일 시트 외부 스타일 시트 CSS문법 익히기 CSS문법 익히기(inline stylesheet) h3입니다 p태그입니다 p태그입니다 외부에서 접근 @charset "UTF-8"; p{ border: 3px dotted green; background-color: yellow; } 스타일 우선순위 단위 종류 설명 em 부모 요소에서 지정한 글꼴의 대문자 M의..