-css를 시작하기 위해 head tag 안에 style tag을 넣는다.
-style tag안에 선택자를 쓰고 {} 요 안에 내용을 입력한다.
ex)
<head>
<meta charset="utf-8">
<title>CSS Basics</title>
<style>
h2 {
color: rgb(0, 232, 15);
}
body {
background-color: rgb(97, 250, 255);
}
</style>
</head>
```
### 위처럼 하면 h2테그 전체가 바뀐다.<br>
개별적인 h, p등의 테그를 바꾸기 위해선<br>
id값을 부여한 후 그것만 css를 적용해주면 된다.
*중요한 것.
1)아이디를 줄 때: p뒤에 give 1 space, 아이디값은 띄어쓰기 불가(-나_로 표현할 것)
2)style tag안에서 id선택시 #id 의 형태로 작성.
3)every id must be unique! (no overlap allowed)
<head>
<style>
#hihi {
background-color: purple;
}
</style>
<head>
<body>
<p id="hihi"> this is paragraph </p>
</body>
### 혹은 클래스를 부여해 css를 적용할 수도 있다
-id는 중복x, class는 중복 O.
-클래스 부여 방법 예시)
<p class="this_is_class_name">
-클래스 명 작성시 띄어쓰기 인식 불가.
style tag에서 불러올 땐 다음과 같이 한다.
<style>
.this_is_class_name{}
</style>
점 하나(.)를 찍고 클래스 명을 쓰면 된다.
Never stop asking why