๐Ÿ™‡โ€โ™€๏ธCSS

CSS : Cascading Style Sheets

๐ŸชCSS

์ƒ‰์ƒ ๋ณ€ํ™˜ :

  • CSS Syntax
    • selector property value์˜ ํ˜•์‹์„ ๊ฐ€์ง€๊ณ  ์žˆ์Œ
    • id๋ฅผ ์ •ํ•ด์„œ ์ ์šฉํ•˜๊ฑฐ๋‚˜ class๋ฅผ ํ†ตํ•ด ํ•˜๊ธฐ๋„ ํ•จ
  • ๊ทธ๋ฃนํ•‘ํ•ด์„œ ์ ์šฉ ๊ฐ€๋Šฅ
h1, h2, p {
 text-align : center;
 color: red;
}
  • style์ด span ์ „์šฉ์€ ์•„๋‹˜
`<p style="color:blue;font-weight:bold">

 ์•„๋ฌด๋ง ํ…์ŠคํŠธ
</p>

์ด๋ ‡๊ฒŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค

  • span์€ ์˜์—ญ์„ ์ง‘์–ด์ค€๋‹ค๋Š” ๋Š๋‚Œ
    • div์™€ ๋น„์Šทํ•˜๋‹ค
<meta charset="UTF-8">
<style>
table,  th, td {
 border: 1px solid black;
}
</style>

CSS Box Model

CSS Box Model

h1 {
 border-bottom: 1px solid red;
 padding-bottom: 10px;
}

์ด๋Ÿฐ ์‹์œผ๋กœ ์‘์šฉ

ํƒœ๊ทธ:

์นดํ…Œ๊ณ ๋ฆฌ:

์—…๋ฐ์ดํŠธ: