[HTML] div란

div란?

div태그는 division의 약자로 웹사이트의 레잉아웃을 만들때 주로 사용한다

div를 사용하면 각각의 블록을 알맞게 배치하고 css활용하여 스타일을 적용할 수 있다

 

일반적으로 div에 많이 사용하는 css속성에는

.box {
  margin : 20px; 
  padding : 30px;
  border : 1px solid black;
  border-radius : 5px;
}

이런 스타일들 말고 굉장히 광범위하게 많은 스타일과 태그 등이 있는데

 

뭐,,많이 쓰는 것들은 외우겠지만 외워봤자ㅏ 맨~날 까먹는다 그렇기에 필요할때마다 구글에서 찾아쓰는게 좋다

 

 

그리고 div박스는 display :block이 기본적으로 내장되어 있다

div말고도 p, h1, li등이 block속성이 내장되어 있어 태그를 사용하면 한 행을 전부 차지한다

이게 싫다면 display 속성을 다른 것으로 부여해주면 된다

 

 

 

+추가로 일부 스타일은 inherit(상속)된다

font-size, color, text-align등 몇몇 태그들은 부모 태그에 쥐어주면 자식들까지 전부 상속된다

 

초반에 나는 text-align 때문에 고생을 했으니 이 내용을 잊지말것..!