개요
웹 페이지의 디자인을 담당하는 CSS
웹 페이지를 표현하기 위한 스타일 규칙을 모아 놓은 문서
css를 사용하는 이유는 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있기 때문
규칙
선택자와 선언 두 부분으로 구성
선택자는 스타일이 적용되는 엘리먼트
선언 부분에서는 선택자에 적용될 스타일 작성
속성과 값으로 이루어짐
여러속성에 값을 지정할때는 속성별로 ; 으로 구분
여러 선택자를 적용할때 ,(콤마)사용해 나열
ex) .css(선택자){ padding : 10px; color; #000;}
{}->선언블록 padding -> 속성 10px -> 값
여러선택자사용
.css(선택자),div, ··· { padding : 10px; color; #000;}css 적용방법
외부 스타일 시트 적용
html파일내 헤드테그에 link테그를 통해 연결<head> <link rel="stylesheet" type="text/css" href="../css/basic.css"> </head>`
- 내부 스타일 시트 적용
<head>
<style type="text/css">
h1 { color : red};
</style>
</head>- 인라인 스타일 적용
<body>
<h1 style="color : red;">inline style</h1>
</body>적용 우선순위
인라인 > 내부 > 외부 순으로 적용
댓글