woalsrhKR
EVERYDAY
woalsrhKR
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๐Ÿ“š ๊ธ€ ๋ชจ์Œ์ง‘ (578)
    • ๐Ÿ”ค Language (84)
      • ๐ŸŸจ JavaScript (52)
      • ๐ŸŸฆ TypeScript (12)
      • ๐Ÿ’— SCSS (0)
      • ๐ŸŸ  HTML (12)
      • ๐Ÿ”ต CSS (8)
    • ๐ŸŒƒ ํ•˜๋ฃจ๊ธฐ๋ก (469)
    • ๐ŸŽฌ ์˜ํ™” ๊ฐ์ƒํšŒ (1)
    • ๐Ÿ’ป Web Develop (16)
      • โ˜•๏ธ STARBUCKS ๊ฐœ๋ฐœ์ผ์ง€ (14)
    • ๐ŸŽ“ University (6)
      • ์˜คํ”ˆ์†Œ์Šค ๊ธฐ์ดˆ ํ”„๋กœ์ ํŠธ (5)
      • ์ •๋ณดํ†ต์‹ ๊ฐœ๋ก  (0)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ํฐํŠธ
  • ํŒŒ๋น„์ฝ˜
  • ์Šคํƒ€๋ฒ…์Šค
  • ์ผ์ƒ
  • ๋ฉ”๊ฐ€์ปคํ”ผ
  • ํŠธ์œ„ํ„ฐ์นด๋“œ
  • ์ง„์‹๋‹น
  • ์ƒ๋Œ€๊ฒฝ๋กœ
  • ์—ฌ์ž์นœ๊ตฌ
  • ๋‹ค์ด์†Œ์‚ฌ์ฐฝ
  • ์•„์ด์ฝ˜
  • ์ ˆ๋Œ€๊ฒฝ๋กœ
  • ๋‹ค์ด์†Œ
  • object
  • 79๋Œ€ํฌ
  • ์‚ฌ์ฐฝ
  • ์ผ๊ธฐ
  • ์˜คํ”ˆ๊ทธ๋ž˜ํ”ผ
  • ํด๋ก 
  • ๊ฐ์ฒด

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
woalsrhKR

EVERYDAY

๐Ÿ”ค Language/๐Ÿ”ต CSS

1. ๋ฐ‘์ค„์—†์• ๊ธฐ & ํŠน์ • a ํƒœ๊ทธ๋งŒ style ๋ฐ”๊พธ๋Š” ๋ฒ•

2022. 1. 1. 15:34

๋ฐ‘์ค„ ์—†์• ๊ธฐ

a๋Š” selecter, {} ๊ด„ํ˜ธ ์•ˆ์— ๋‚ด์šฉ์€ decoration, color๋Š” property(์†์„ฑ), black์€ value(๊ฐ’)์ด๋‹ค.

  <style>
    a { /* a๋Š” selecter */
      /* decoration */
      color:black; /* color๋Š” property, black์€ value */
      text-decoration: none; /* ๋ฐ‘์ค„ ์—†์• ๊ธฐ */
    }
  </style>
  • CSS ์ฃผ์„ ์ฒ˜๋ฆฌ ๋ฐฉ๋ฒ•: /* , */
  • HTML ์ฃผ์„ ์ฒ˜๋ฆฌ ๋ฐฉ๋ฒ•: <!--, -->

text-decoration: ์„ ์„ ๊พธ๋ฐ€ ์ˆ˜ ์žˆ๋Š” ์†์„ฑ

  • text-decoration: none;: ๋ฐ‘์ค„ ์—†์• ๊ธฐ
  • text-decoration: underline: ๋ฐ‘์ค„
<h1>
	<a href="index.html">WEB</font></a></h1>
  <ol>
    <li><a href="1.html">HTML</font></a></li>
    <li><a href="2.html" style="color:red;text-decoration:underline">CSS</font></a></li> <!-- html์˜ ์†์„ฑ์ด๋‹ค. -->
    <li><a href="3.html">JavaScript</font></a></li>
  </ol>

ํŠน์ •  a ํƒœ๊ทธ style์„ ๋ฐ”๊พธ๋Š” ๋ฒ•

  • html์˜ ์†์„ฑ์œผ๋กœ html ํƒœ๊ทธ์•ˆ์— a ํƒœ๊ทธ์•ˆ์— style์„ ์ง€์ •ํ•˜๊ณ  ์•ˆ์— ์ง€์ •ํ•ด์ฃผ๋ฉด ๋œ๋‹ค.

 

'๐Ÿ”ค Language > ๐Ÿ”ต CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

5. ๊ทธ๋ฆฌ๋“œ  (0) 2022.01.01
4. ๋ฐ•์Šค ๋ชจ๋ธ  (0) 2022.01.01
3. CSS ์„ ํƒ์ž (tag, class, id)  (0) 2022.01.01
2. ๊ธ€์ž ํฌ๊ธฐ ์กฐ์ ˆ & ๊ธ€์ž ์œ„์น˜ ์ •๋ ฌ  (0) 2022.01.01
0. ์ฃผ์„, aํƒœ๊ทธ ๋™์ผํ•œ ๊ณผ์ • ๋ฐ˜๋ณต, ๊ธ€์”จ์ƒ‰ ๋ฐ”๊พธ๋Š” ๋ฒ•, CSS ๊ธฐ๋ณธ ํƒœ๊ทธ  (1) 2022.01.01
    '๐Ÿ”ค Language/๐Ÿ”ต CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • 4. ๋ฐ•์Šค ๋ชจ๋ธ
    • 3. CSS ์„ ํƒ์ž (tag, class, id)
    • 2. ๊ธ€์ž ํฌ๊ธฐ ์กฐ์ ˆ & ๊ธ€์ž ์œ„์น˜ ์ •๋ ฌ
    • 0. ์ฃผ์„, aํƒœ๊ทธ ๋™์ผํ•œ ๊ณผ์ • ๋ฐ˜๋ณต, ๊ธ€์”จ์ƒ‰ ๋ฐ”๊พธ๋Š” ๋ฒ•, CSS ๊ธฐ๋ณธ ํƒœ๊ทธ
    woalsrhKR
    woalsrhKR

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”