CSS ( Cascading Style Sheets )

 

What ?

CSS ( Cascading Style Sheets )

브라우저 에서 페이지 외형을 결정하는 선언형 언어 입니다.

웹 페이지의 스타일을 지정하고 레이아웃을 지정하는 데 사용 됩니다.

 

웹의 핵심 기술

  HTML , JS , CSS  중 하나로 HTML 요소의 스타일 을 결정합니다.

 

구성

중괄호 는 코드 오류를 줄이기 위한 선택사항입니다.

사용 방법

1. 속성 처럼 Style 적용합니다.

ex) // style 속성 사용 예시입니다.

<h1 style="color:blue,padding-top:5rem;">​

2. Style Tag 를 적용합니다.

ex) // style-tag 사용함

<style type="text/css">
	h1{color : yellow, text-align : center;}
<style/>​

3. css 파일을 별도로 만들어 HTML 파일에 연결합니다.

ex) //css파일 (확장자 .css)을 만듭니다.

// text.css
span{
	color:red;
    text-indent:5px;
}

ex)
//html파일에 연결합니다.
<link rel="stylesheet" type="text/css" href="test.css"/>​

 

 

고찰

"종속형" 은 페이지의 외형을 결정할 때 선택자의 우선순위 를 결정하므로 고려해야 합니다.