CSS - 1. 선택자
HTML과 CSS
-
인라인 방식
태그 내에 style 속성 작성
<h1 style="color: red"> -
head 태그 내에 style 태그에 css 작성
<head> <style> h1{ color: red; } </style> </head>
CSS Syntax
selector {property: value;}
선택자 {속성: 속성값}
Selector(선택자)
태그 선택자
모든 해당 태그에 적용
<head>
<style>
li{
}
</style>
</head>
ID 선택자, Class 선택자
<head>
<style>
#hello{
}
.classSel{
}
</style>
</head>
<body>
<h1 id="hello" class="classSel"></h1>
</body>
부모 자식 선택자
<head>
<style>
ul li{
}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
</ul>
</body>
ul태그 아래있는 li태그들에 적용.
ul > li{
}
바로 직계 자손에만 적용.
ul, ol{
}
ul과 ol태그에 모두 적용.
가상(pseudo) 클래스 선택자
:link - 방문한 적이 없는 링크
:visited - 방문한 적이 있는 링크
:hover - 마우스를 롤오버 했을 때
:active - 마우스를 클릭했을 때
:focus - 포커스 (맨 뒤에 두는 게 좋음)
댓글남기기