[CSS] 박스 모델

CSS

박스 모델

Width, height = 내용 영역의 너비와 높이를 지정

Pedding = 내용 영역과 경계 사이의 간격

Border = 내용 영역과 패딩을 둘러싼 테두리의 두께와 스타일

Margin = 테두리와 요소의 바깥 쪽 가장자리 사이의 간격

overflow

상자 바깥부분으로 넘치는 부분을 제어

hidden = 오버 플로우되는 모든 내용이 숨겨짐

scroll = 스크롤 막대가 요소의 상자에 추가되어 스크롤하여 내용의 나머지 부분을 볼 수 있음

visible = 오퍼플로우 내용포함 요소가 외부에 표시됨 (기본설정)

display:none; - 사라지게함

<서버>

<소스코드>

display:inline = 한 줄을 띄우지 않음

display:block = 한 줄을 띄움 (h1과 같은 특성)

display를 통해 기본적인 특성을 변경시킬 수 있음

border = 네모난 박스를 쳐줌 (색, 너비 등 지정)

<서버>

<소스코드>

pedding = 여백조절

margin = 테두리 사이의 간격 (merona와 HTJJing의 간격 사이)

<선 추가>

border-bottom = border중 아래부분에 해당하는 _만 생성 (1px크기, gray색 사용)

text-align: center; = 가운데정렬

//로그인창이 이뻐졌당ㅋㅋ