css3 TIL :: 22.05.11 1. position ์์ฑ - relative, absolute, fixed 2. inline, inline-block, block ์ ๋ํด์ 3. float์ ๋ํด์ 1. position ์์ฑ - relative, absolute, fixed Position ์์ฑ : ํฌ์ง์ ์ css์์ element๋ฅผ ์ด๋ ํ ์์น์ ๋ฐฐ์น์ํค๋๋ฐ์ ์ฌ์ฉ๋๋ค. Position์ ์ด๋ ๊ฒ 5๊ฐ์ง๋ก ๊ตฌ์ฑ๋์ด์๋ค. position: relative; position: absolute; position: fixed; position: sticky; position: static; static ์์๋ฅผ ๋ฌธ์ ํ๋ฆ์ ๋ง์ถ์ด ๋ฐฐ์น. relative ์ด์ ์์(์ฃผ๋ก ๋ถ๋ชจ ์์)์ ์์ฐ์ค๋ฝ๊ฒ ์ฐ๊ฒฐํ์ฌ ์์น๋ฅผ ์ง์ . absolute ์ํ๋ ์.. 2022. 5. 12. TIL :: 22.05.10 / Semantic Web, Semantic Tags Semantic Web, Semantic Tags Sementic Web ์ ์ '์๋ฏธ๋ก ์ ์ธ ์น'์ด๋ผ๋ ๋ป์ผ๋ก, ํ์ฌ์ ์ธํฐ๋ท๊ณผ ๊ฐ์ ๋ถ์ฐํ๊ฒฝ์์ ๋ฆฌ์์ค(์น ๋ฌธ์, ๊ฐ์ข ํ์ผ, ์๋น์ค ๋ฑ)์ ๋ํ ์ ๋ณด์ ์์ ์ฌ์ด์ ๊ด๊ณ-์๋ฏธ ์ ๋ณด(Semanteme)๋ฅผ ๊ธฐ๊ณ(์ปดํจํฐ)๊ฐ ์ฒ๋ฆฌํ ์ ์๋ ์จํจ๋ก์ง ํํ๋ก ํํํ๊ณ , ์ด๋ฅผ ์๋ํ๋ ๊ธฐ๊ณ(์ปดํจํฐ)๊ฐ ์ฒ๋ฆฌํ๋๋ก ํ๋ ํ๋ ์์ํฌ์ด์ ๊ธฐ์ ์ด๋ค. Sementic Web์ ์ด์ ์ฌ๋์ด ์น์ ์๋ ์ ๋ณด์ ์๋ฏธ๋ฅผ ํ์ ํ๋ ๊ฒ์ด ์๋, ์๋ํ๋ ๊ธฐ๊ณ๊ฐ ํด์ํ ์ ์๋ ์ผ์ข ์ ํ์ค ์๋จ์ด ๋๋ ๊ฒ ์ธํฐ๋ท์ ์ ๋ณด๋ฅผ ์๋์ผ๋ก ํด์ํ์ฌ ์ฒ๋ฆฌํ ์ ์๋ ์ํํธ์จ์ด๋ฅผ ํตํด์ ์ฌ์ฉ์์ ์ง์์ ๋ง๋ ๊ฒฐ๊ณผ๋ฅผ ๋๋ ค์ฃผ๋ ๊ฒ Sementic Tag Semantic Tag ๋? ๊ฐ ํ๊ทธ๊ฐ ํฌํจํ๋ ๋ด.. 2022. 5. 10. TIL :: 22.05.09 / HTML& CSS / replit. 1~10 ์ค๋ ๋ฐฐ์ด ๋ด์ฉ ํ๋ก ํธ์ ๊ธฐ๋ณธ์ธ HTML๊ณผ CSS์ ๊ธฐ๋ณธ ๊ฐ์๋ฅผ ๋ฃ๊ณ , Replit 10๋ฒ๊น์ง์ ์ตํ๊ณ ๋ฌธ์ ๋ฅผ ํ์ด๋ณด์๋ค. ์ฌ์ ํ์ต๊ธฐ๊ฐ๋ ๋ฐฐ์ ๋๋ถ๋ถ๋ค์ด๋ผ ๋ง์ด ์ด๋ ต๊ฒ ๋๊ปด์ง์ง๋ ์์๋๊ฒ ๊ฐ๋ค. [HTML & CSS] โ๏ธ 1.HTML HTML์ ์ ์์ ๊ธฐ๋ฅ HTML์ ์น ํ์ด์ง๋ฅผ ๋ง๋ค๊ธฐ ์ํ ์ธ์ด์ ๋๋ค. HTML๋ก ์นํ์ด์ง์ ๊ตฌ์กฐ๋ฅผ ์ก์ ์ ์์ต๋๋ค. HTML ํ์ผ์ ์ด๋ฏธ์ง, ํ ์คํธ, ๋น๋์ค, ๋ฒํผ ๋ฑ ์น์ฌ์ดํธ์ ๋ณด์ฌ์ค ๋ด์ฉ์ ๊ตฌ์ฑํ๊ณ ์์ต๋๋ค. ๋ธ๋ผ์ฐ์ (safari, chrome, ie..)๋ HTMLํ์ผ์ ๊ฐ์ง๊ณ ๋ญ ์ด๋ป๊ฒ ๊ทธ๋ ค์ฃผ๋ฉด ๋๋์ง ํ์ ํ ํ์ ์น ํ์ด์ง๋ฅผ ์์ฑํฉ๋๋ค. tag(ํ๊ทธ) ๋๋ถ๋ถ์ ํ๊ทธ๋ ์์ํ๋ฉด ๊ผญ ๋๋งบ์์ ํด์ผํฉ๋๋ค. ์ฆ, ์์ํ๊ทธ๊ฐ ์์ผ๋ฉด ๋ ํ๊ทธ๋ ๊ผญ ์์ด์ผํ๋ค๋ ์๋ฏธ์ ๋๋ค... 2022. 5. 9. ์ด์ 1 ๋ค์