data life

CSS - Add CSS to HTML 본문

CSS

CSS - Add CSS to HTML

주술회전목마 2022. 11. 11. 22:17

1️⃣ Linking Style Sheet

2️⃣ Internal Style Sheet

3️⃣ Inline Style Sheet

 

 

Linking Style Sheet

 별도의 CSS 파일을 만들고 HTML 문서와 연결

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=>, initial-scale=1.0">
    <title>Home</title>
    <link href="styles.css" rel="stylesheet" />
</head>
<body>

</body>
</html>

 

Internal Style Sheet

: HTML과 한꺼번에 작성

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=>, initial-scale=1.0">
    <title>Home</title>
    <style>

    </style>
</head>
<body>
  
</body>
</html>

 

Inline Style Sheet

: HTML 태그의 style 속성에 CSS 코드를 넣어 적용시키는 방법

<p style="color: blue">hello world!</p>

'CSS' 카테고리의 다른 글

CSS - position  (0) 2022.11.15
CSS - Units  (0) 2022.11.12
CSS - Class vs Id  (0) 2022.10.13
CSS-Border  (0) 2022.10.13
CSS-Margin, Padding  (0) 2022.10.13
'CSS' Related Articles more