CSS 기본구성
selector a{
declaration color:red;
} 여기서 color는 prperty red는 value
HTML과 CSS의 연결
헤더에 link로 css 파일을 연결한다.
<head>
<title>hello world</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>style의 속성이 위치하면 css로 인식, a는 선택자의 의미
<style>
a{
color:black;
}style태그
div: 어떠한 의미도 없다 다만 css나 javascript로 어떤 정보를 제어하고싶을떄 감싸주는 역활
span: div태그와 같지만 줄 전체를 쓰는냐 아니냐의 차이 span은후자<style> .js{ font-weight: bold; } </style>-->js만 쓰게되면 js태그만 의미함/ .을 찍어줘야 클래스 의미
style선택자
-#first{} 샵을 붙이면 id선택자/ .js 점을 붙이면 class선택자
예를들면<span id="first" class="js">javascript</span>추가: id>class>tag 우선순위
Let's get it!