본문 바로가기

공부/TIL-D

2019-04-05

term 섹션을 구성함에 있어서

 

ul로 해보려고했는데

 

dl이라는 태그를 처음사용해보았고, (dt,dd를 가질 수 있음)

 

div태그 영역안에 컨텐츠들을 모두 float처리하니 (float는 공중에 있으니) width값을 줘야한다는점

block 상자라는 것은 width값을 줄 수 있다는점 인라인은 컨텐츠 크기만큼 차지하니까 width값 xx

padding같은 고정값은 최대한 안건들이는게 유지보수 관점에서 좋다는점

clear:both를 사용하면 강제마진효과( 조건은 display:block)

음수마진의 특성은 상자가 작아지고 , 패딩은 예측이 가능한대신 음수를 사용할 수 없다는점

 

div태그를 써서 만든 상자에 컨텐츠들을 모두 float하였으니 컨텐츠가 없는것이라 판단되

div태그의 높이가 줄어든다 그것을 방지하기 위해 claer:both를 사용하자

반응형

'공부 > TIL-D' 카테고리의 다른 글

2019-04-07  (0) 2019.04.07
2019-04-06  (0) 2019.04.06
2019-04-04  (0) 2019.04.04
2019-04-02  (0) 2019.04.02
[CSS]float  (0) 2019.04.01