본문 바로가기

CSS

CSS(Cascading Style Sheet) 선언방법

CSS(Cascading Style Sheet) 선언방법

HTML문서에 CSS를 사용하는 방법은 3가지가 있습니다.

  1. 외부 스타일 시트(External Style Sheet)
  2. 내부 스타일 시트 (Internal Style Sheet)
  3. HTML태그내에 스타일 지정 (Inline Styles)

외부 스타일 시트(External Style Sheet)

css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법입니다.

스타일을 일관성있게 유지및 변경을 일괄적으로 할 수 있어, 효율성이 좋습니다.

<head>
    <link rel = "stylesheet" type="text/css" href="style.css"
<head>

 

내부 스타일 시트 (Internal Style Sheet)

HTML 문서내에서와 사이에 스타일을 정의하는 방법입니다.

HTML 문서마다 스타일을 매번 지정해 주어야 하지만, 한 문서에만 해당되는 스타일을 지정할 때 사용하면 됩니다.

<head>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
    </style>
</head>

 

HTML 태그내에 스타일 지정 (Inline Styles)

스타일을 적용하고 싶은 HTML 태그안에서 정의하는 방법입니다.
내용과 스타일의 분리로 인해 스타일 일괄변경의 효율성이 떨어집니다.

<p style="color:gray;">이 문단의 색상은 회색으로 지정됩니다.</p>

 

'CSS' 카테고리의 다른 글

box-sizing  (0) 2019.03.07
font  (0) 2019.03.07
margin, padding  (0) 2019.03.07
width, height 속성  (0) 2019.03.07
css 우선순위  (0) 2019.03.07