CSS 란?
Cascading Style Sheets
CSS의 주요 역할
- 스타일 지정
- 레이아웃 구성
- 반응형 디자인
- 재사용성
CSS의 종류
<!-- HTML 태그 내에서 직접 스타일을 작성 -->
<p style="color: red;"> 이 문장은 빨간색입니다.</p>
<!-- HTML 문서의 <head> 부분에 <style> 태그를 사용하여 스타일을 정의 -->
<head>
<style>
p {
color:blue;
}
</style>
</head>
<!-- 별도의 CSS파일(.CSS)을 생성하여 HTML 문서에 링크 -->
<head>
<link rel="stylesheet" href="styles.css">
</head>
CSS의 주요 구성 요소
- 선택자(Selector)
- 속성(Property)
- 값(Value)
<!-- CSS의 주요 구성요소(선택자(Selector) /속성(Property) /값(Value) ) -->
<style>
p { <!-- 선택자(Selector): 스타일을 적용 할 HTML 요소를 선택 -->
color <!-- 속성(Property): 스타일을 지정할 항목 -->: blue; <!-- 값(Value): 속성의 구체적인 값 -->
}
</style>