CSS의 기본 문법은 선택자 {속성 : 값;}으로 이루어진다
p {} p태그의 모든 선택자
* {} 모든 선택자
.abc {} class="abc"적힌곳은 모두 적용
p.abc {} p태그 안에서 <p class="abc"></p>만 적용
p .abc {} p태그 하위에서 bake 클래스 적용 <p><span class="bake"></span></p>
p, br, span {} 선택자를 여러가지 쓸때(p, br, span 선택자만적용)
※ margin, padding 은 상속이 안됨 (ex: body {margin:20px;})
* {} 모든 선택자
.abc {} class="abc"적힌곳은 모두 적용
p.abc {} p태그 안에서 <p class="abc"></p>만 적용
p .abc {} p태그 하위에서 bake 클래스 적용 <p><span class="bake"></span></p>
p, br, span {} 선택자를 여러가지 쓸때(p, br, span 선택자만적용)
※ margin, padding 은 상속이 안됨 (ex: body {margin:20px;})
p태그 적용 후 다른 스타일을 적용시키고 싶다면 id와 class를 사용하여 개별 스타일을 적용시킬 수 있다.
<p id = "zinlee"></p>
<p class = "zinlee"></p>
<p class = "zinlee"></p>
p태그 사용시 id와 class의 차이
<style>
p {}
#abc {}
.abc {}
</style>
※스타일 지정시 id로 사용하기 위해서는 앞에#을 붙이고, class를 사용하기 위해서는 .으로 구분한다.
p {}
#abc {}
.abc {}
</style>
※스타일 지정시 id로 사용하기 위해서는 앞에#을 붙이고, class를 사용하기 위해서는 .으로 구분한다.