수업/└HTML&CSS
[CSS]기본 이론
onlyun
2022. 1. 2. 15:20
Cascading Style Sheet
문서의 스타일을 꾸밀 때 사용.
글꼴이나 배경색, 너비와 높이, 위치 등 레이아웃 지정할 수 있음.
문서 내용(Contents)와 표현(Presentation) 분리.
HTML : 문서 작성. 웹페이지 구조, 정보.
CSS : 문서 디자인.
1. CSS 정의 문법
-선언(declaration)
Selector{property:value;}
선택자{속성명:속성값; 속성명2:속성값2;}
2. CSS 사용 위치
-inline style sheet
<tag style="속성:속성값"></tag>
<!--tag : <p>, <div>, <h3> 등등-->효율적인 유지보수를 위해 인라인스타일은 최소화
-내부 스타일
<head>
<style>
선택자{속성명:속성값;}
</style>
</head>
-외부 스타일
<head>
<link type="text/css" rel="stylesheet" href="css파일 경로"></link>
</head> <!--rel은 현재 문서와 연결된 문서/리소스 간의 관계 지정-->
3. CSS 적용 순위
| 인라인 스타일 시트 | > | 내부 스타일 시트 | > | 외부 스타일 시트 | > | 웹 브라우저 기본 스타일 시트 |
-하나의 요소에 인라인 스타일 시트가 중복 정의되면 제일 마지막에 설정된 값 적용
-우선순위 상관없이 강제 적용 : !important