티스토리

내숭이

검색하기

블로그 홈

내숭이

stajun.tistory.com/m

내숭 님의 블로그입니다.

구독자: 6

방명록 방문하기

주요 글 목록

HTML] div 태그 가운데 정렬하기 이번 시간에는 div 태그로 이루어진 박스를 가운데로 정렬하는 방법에 대해 살펴보겠습니다. maring을 이용한 가운데 정렬 position:absolute를 이용한 가운데 정렬 이 두 방법 모두 계산의 편리를 위해 box-sizing을 border-box로 설정하여 width가 컨텐츠, 테두리, 패딩을 모두 포함한 길이로 설정하게 했습니다. 1. margin을 이용한 가운데 정렬 - 가장 많이 사용되는 방법 중 하나로 div 태그의 가로의 길이를 설정 후 좌 우에 margin을 auto로 주는 방법입니다. 이 방법은 부트스트랩4에서 mx-auto라는 클래스로 제공하고 있습니다.(참고 링크) 여기서는 부트스트랩4에서 제공하는 클래스가 아닌 직접 작성한 예시를 통해 살펴보겠습니다. 필요한 설명은 주석으로 .. 공감수 1 댓글수 0 2019. 5. 31.
[HTML ] 태그 정리 HTML이란? HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성 태그란? HTML를 구성하기 위한 요소 꺽쇠 괄호에 둘러 쌓여 있음 : 태그의 분류 Block 태그 Block 태그는 새로운 라인에서 시작 되며, Block 태그 다음에 오는 모든 태그들은 새 라인에서 시작 >> 행렬로 비교하면 행에 해당 Block 태그들은 css의 속성 중 height, width, margin, padding을 적용할 수 있다. 예 : , Inline 태그 Inline 태그들은 새라인에서 시작하지 않고 현재 라인에서 시작 >> 행렬로 비교하면 열에.. 공감수 7 댓글수 1 2019. 5. 20.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.