[Front-End] - CSS3

SHINYEJIยท2023๋…„ 9์›” 10์ผ
0

Front-End

๋ชฉ๋ก ๋ณด๊ธฐ
9/12

๐Ÿšฉ ์›น ๋ฌธ์„œ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” 3๊ฐ€์ง€ ์š”์†Œ
1. HTML
2. CSS
3. Javascript

๐Ÿ“Œ CSS

  • Cascading Style Sheets
  • W3C์—์„œ ๊ณต์ธํ•œ ํ‘œ์ค€์ด๋‹ค.

CSS ์Šคํƒ€์ผ ์ ์šฉ ๋ฐฉ๋ฒ•

  1. ์ธ๋ผ์ธ ์Šคํƒ€์ผ
    • Element ๋‚ด์—์„œ style์†์„ฑ์„ ์‚ฌ์šฉํ•ด ์Šคํƒ€์ผ ๋ถ€์—ฌ
    	<body>
        	<h1 style="color:black"> header์ž…๋‹ˆ๋‹ค.</h1>
        </body
  2. ๋‚ด๋ถ€ ์Šคํƒ€์ผ
    • <head>ํƒœ๊ทธ ์•ˆ์—์„œ ์ž‘์„ฑ
    	<head>
          <style type="text/css">
              h1 {
                  color : black;
              }
          </style>
    	</head>
  3. ์™ธ๋ถ€ ์Šคํƒ€์ผ
    • ์™ธ๋ถ€์— ์žˆ๋Š” *.css ํŒŒ์ผ์„ HTML๋ฌธ์„œ์— ์—ฐ๊ฒฐํ•ด์„œ ์‚ฌ์šฉ
    • link
      <link rel=stylesheet type="text/css" href="path/filename.css"/>
    • @import
      <style type="text/css">
           @import url("path/filename.css");
      </style>

0๊ฐœ์˜ ๋Œ“๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด