2021-12-22
7. CSS 기초
- <h1 style="background-color: coral; color:powderblue"> 무슨 음식을 먹고 싶으세요?</h1>
- div, span 전체와 부분 할당
- <span style="font-weight:bold;">내년에는</span>
.ji{font-style: oblique;
color:red;
}
#first{
color:green;
}
span{
color:blue;
}
</style>
- . = class ; # = id
- class는 반, id는 학번(절대로 같으면 안됨. 한 번 나오면 두 번 쓸 수 없음)
- 클래스 선택자가 포괄적, id 선택자는 타겟팅
style 태그내에 적는 내용은 CSS 언어로 적고,
- .js와 같이 .로 시작하는 이름은 span 태그의 class 속성에 대응
- #first와 같이 #으로 시작하는 이름은 span 태그의 id 속성에 대응
- . 또는 #이 없이 이작하는 span은 HTML의 span 태그에 대응