CSS 기초 문법
p{
font-family:'맑은 고딕';
font-size: 18px;
color:blue;
선택자(Selector)
- 스타일을 적용하고자 하는 HTML요소를 선택하는 역할
- e.g.
p
속성(Property)
- 지정할 스타일의 속석명에 해당
속성:값;이 한 단위- ;(세미콜론)을 이용하여 구분
- e.g.
font-family,font-size,color
값(Value)
- 키워드나 특정 단위를 이용하여 원하는 스타일을 적용
- 속성(Property)와 쌍을 이룸
선언 블록(Declaration block)
- 선택자 뒤 {} 안의 내용
선언(Declaration)
속성:값;한 쌍
HTML에 CSS를 적용하는 방법
- Ling style
- HTML에 외부에 있는 CSS파일을 불러옴
- 일반적으로 가장 많이 쓰이는 방법
<head>
<link rel=”stylesheet” href=”style.css”>
</head>- Embedding style
- HTML의
<head>에<style>를 이용하여 CSS를 작성
<head>
<style>
h1 { color: blue; }
</style>
</head>- Inline style
- HTML요소에 직접 style 속성(Attributes)을 이용하여 CSS를 작성
<h1 style=”color: blue”;>
안녕하세요!
</h1>
병아리 삐약삐약