Calendar_CSS - samdasu2L/OSS_Project GitHub Wiki
CSS๋ ์น ๋ฌธ์์ ์๊ฐ์ ์คํ์ผ์ ์ ์ํ๊ธฐ ์ํ ์ธ์ด, ์์, ํฐํธ, ๊ฐ๊ฒฉ, ๋ฐฐ์น, ์ ๋๋ฉ์ด์
๋ฑ ๋ด๋น
์ธ๋ถ ์คํ์ผ์ํธ(.css ํ์ผ)๋ฅผ ์์ฑํด html์ head ๋ด๋ถ์ ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ ์ฐ๊ฒฐํจ.
<link rel="stylesheet" href="style.css"> <!-- HTML head ๋ด๋ถ -->
์ ํ์ {
์์ฑ: ๊ฐ;
}
* : ์ ์ฒด ์ ํ์ Ex) * { margin: 0; }
ํ๊ทธ๋ช
: ํ๊ทธ ์ ํ Ex) p { color: red; }
.ํด๋์ค๋ช
: ํด๋์ค ์ ํ(์ฌ๋ฌ ์์ ์ ์ฉ ๊ฐ๋ฅ) Ex) .box { border: 1px solid; }
#์์ด๋๋ช
: ์์ด๋ ์ ํ(ํ ์์๋ง ์ ์ฉ ๊ฐ๋ฅ) Ex) #main { width: 100% }
color : ๊ธ์ ์ Ex) color: red;
background-color : ๋ฐฐ๊ฒฝ ์ Ex) background-color: yellow;
font-size : ๊ธ์ ํฌ๊ธฐ Ex) font-size: 10px;
text-align : ์ ๋ ฌ Ex) text-align: center;
margin : ์ธ๋ถ ์ฌ๋ฐฑ Ex) margin: 20px;
padding : ๋ด๋ถ ์ฌ๋ฐฑ Ex) padding: 10px;
border : ํ
๋๋ฆฌ Ex) border: 1px solid black;
width/height : ๋๋น /๋์ด Ex) width: 100px;