오물오물 개발일기

* div & span - 두 태그의 경우 Semantic Markup 적으로 즉, "의미론적"으로 지니고 있는건 없다. 우리가 실생활에서 정리를 할때 물건을 박스에 담듯이 css 작업을하며 레이아웃을 잡거나 정렬을 시킬때 사용하기도 하며 부분적으로 색변경, 폰트사이즈변경 등의 작업할때 사용한다. * 영역 설정 div는 정해져있는 영역 전체를 감싸게된다. span은 줄단위로 영역을 감싸게 되며 범위가 다르다. div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자..

* margin, text-align, translate, text centering margin : auto; - 라인내에 한 컨텐츠만 정렬 시킬때 text-align : center; - 특성이 block가 아니라 inline의 경우에 텍스트 뿐만아니라 컨텐츠도 가운데로 정렬 가능 transform : translat(50%, 50%); - x,y 이동 가능 - 이동하거나 회전도 가능 line-height : - 폰트매트릭스를 이용하여 텍스트 수직 정렬이 가능하다. margin: auto text-align: center Text translate(50%, 50%) Text centering Text Text