<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/*
선택자 정리
1) 전체선택자(*) -> html파일안에 존재하는 모든 태그에게 적용하겠다! -> 점수 0점
2) 태그선택자(태그이름) -> 특정 태그들에게 이름을 통해서 적용하겠다! -> 점수 1점
3) 클래스 vs 아이디 선택자 -> 특정 태그들에게 고유한 이름을 부여할 때 사용
- 차이점 : 클래스 (중복가능) / 아이디(중복불가능)
- 사용법 : 클래스 (.) / 아이디 (#)
- 주의점 : 아이디를 부여한 태그에게 클래스도 부여가 가능
- 우선순위 : 중복되는 스타일이 있다면 우선순위가 높은걸 사용, 중복되는 스타일이 없다면 다 영향을 받는다
- 점수 : 클래스(10점), 아이디(100점)
- 사용처 : 클래스(디자인 코드 css), 아이디(기능제작 JS)
*/
h1{
color: red;
}
*{
color: green;
}
.men{
color: blue;
}
#jy{
color: yellow;
}
</style>
</head>
<body>
<h1 id="jy">지영</h1>
<h1 class="men">정형</h1>
<h1 class="men">철수</h1>
<h2 class="men">파이썬</h2>
<h2 class="men">웹</h2>
<h2>디비</h2>
</body>
</html>
개발자