๋ชฉ๋ก2022/02/11 (6)
whatisthis?
CSS - Position prac.02 CSS์ ํฌ์ง์ ์์ฑ์ผ๋ก ์๋์ ๊ฐ์ product card๋ฅผ ๋ง๋๋ ์์ ์ด๋ค. index.html ๊ทธ๋๋์บ๋ +์คํ ๋กญ+ํ์๋ฐด๋ ์์ ์ผ์ ๊น๋ฒ๊ทธํธ๋๋ธ 1์ธ 180,000์ - ์ฒ์์๋ svgํ์ผ์ imgํ๊ทธ>aํ๊ทธ๋ก ํ๋ ค๊ณ ํ๋๋ฐ ๊ทธ๋ฅ ์ด๋ค ๊ธฐ๋ฅ์ ํ ์ง ๋ชฐ๋ผ button์ผ๋ก ๋งํฌ์ ํ ํ์ css๋ก ๋ฐฑ๊ทธ๋ผ์ด๋์ด๋ฏธ์ง๋ฅผ ์ ํ๊ธฐ๋ก ํ์๋ค. style.css * { box-sizing: border-box; margin: 0; } body { font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.02em; background-color: #7d858f; } h1 { font-size: 22px; font-weight: 5..
๋ณดํธ๋์ด ์๋ ๊ธ์ ๋๋ค.
z-index - CSS: Cascading Style Sheets | MDN CSS z-index ์์ฑ์ ์์น ์ง์ ์์์, ๊ทธ ์์ ๋๋ ํ์ ํ๋ ์ค ์์ดํ ์ Z์ถ ์์๋ฅผ ์ง์ ํฉ๋๋ค. ๋ ํฐ z-index ๊ฐ์ ๊ฐ์ง ์์๊ฐ ์์ ๊ฐ์ ์์ ์๋ฅผ ๋ฎ์ต๋๋ค. developer.mozilla.org /* ํค์๋ ๊ฐ */ z-index: auto; /* ๊ฐ */ z-index: 0; z-index: 3; z-index: 289; z-index: -1; /* ์์ ๊ฐ์ผ๋ก ์ฐ์ ์์๋ฅผ ๋ฎ์ถ ์ ์์ */ /* ์ ์ญ ๊ฐ */ z-index: inherit; z-index: initial; z-index: unset; ์์ง๋ฐฉํฅ์ผ๋ก ๋ถ ๋จ๊ฒ๋๋ฉด, z-index๋ผ๋ ๋ ๋ฒจ์ด ์๊น. ๋ง์ฝ ํฌ์ง์ ์ด ๊ฒน์น๋ค๋ฉด ๋์ค์ ์ค๋ ์์..
๋ณดํธ๋์ด ์๋ ๊ธ์ ๋๋ค.
๋ณดํธ๋์ด ์๋ ๊ธ์ ๋๋ค.
๋ณดํธ๋์ด ์๋ ๊ธ์ ๋๋ค.