๊ฐ์ ํด๋์ค /* ๋ง์ฐ์ค ํด๋ฆญ์ ๋ฐ์ */ 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..
๐Front/CSS
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์..