1. style태크는 <head>태그에 사용해도 되고
<style>
태그{
}
</style>
- 식별자 이용방법
(id-유일한 식벽자 / class-다중의 식별자)
(<태크 id="아이디"> / <태그 class="클래스"> </태크>)
<style> <style>
#id { .class {
} }
2. 태그 각각에 적용도 가능
<p style="color: black;"> 어쩌고저쩌고 </p>
* html은 ="" CSS는 : ;
* <style>p, strong, h1, </style> : 나열하는법
3. 선택자
자손선택자 div p : 모든 자식과 손자에게 적용
자식선택자 div>p : 자신의 자식태그에게만
인접형제선택자 div+p : 바로아래에 잇는 태그만 적용
일반형제선택자 div~p : 밑에 있는 모든 형제태그에 적용
4. 박스모델
border : 테두리
padding : 테두리안의 간격조절
margin : 브라우저 전체 컨테츠간의 간격조절
width, height : 테두리(border)의 너비과 높이
*-left,right,top,bottom 으로 간격 조절 가능
*블럭요소(ex:p,div 등)과 인라인요소(ex:strong 등)은 다르게 적용된다.
댓글 없음:
댓글 쓰기