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;})


p태그 적용 후 다른 스타일을 적용시키고 싶다면 id와 class를 사용하여 개별 스타일을 적용시킬 수 있다.

<p id = "zinlee"></p>
<p class = "zinlee"></p>


p태그 사용시 id와 class의 차이

<style>
p {}
#abc {}
.abc {}
</style>

 ※스타일 지정시 id로 사용하기 위해서는 앞에#을 붙이고, class를 사용하기 위해서는 .으로 구분한다.


 

+ Recent posts