3. CSS

1. CSS 구현

CSS란 문서의 디자인 영역이다

- 인라인 스타일 : 태그 안에 style 속성 사용

 
(예)

<p style="font-size: 10px;">Hello</p>

               

- 내부 스타일 Sheet : <style> 태그 사용

(예)

<style type="text/css">
     h1 {
         color: red;
     }
</style>

 

- 외부 스타일 Sheet : css파일을 따로 만들어서 html 문서와 연결

 

(예)

<link rel="stylesheet" href="style.css">

 

 

< 스타일 적용 순서 >

 

1. Inline style

2. Internal Stylesheet

3. External Stylesheet

 

2. css 구조

 

출처 https://velog.io/@mudidu

 

    Selector : 적용할 위치

 

    Property : 디자인 속성

 

    Property value : 속성 값