CSS 블럭레벨요소1

• 

  CSS 박스모델이란? CSS 박스모델 웹페이지의 컨텐츠를 배치하는데 사용되는 레이아웃 모델 입니다. 조금 더 쉽게 이야기 하자면, 웹 문서의 내용을 박스형태로 각각 정의하는 것을 CSS 박스모델이라고 말합니다. 우리가 평소에 접속하는 웹 사이트들은 박스모델을 사용하여 내용들을 보여주고 있기에 하기 이미지로 손쉽게 이해가 갑니다. 이는 바로 네모난 브라우저안에서 가장 효율적으로 내용을 보여줄 수 있는 방법이기 때문이죠. CSS Box model 을 뜯어보면 4가지로 구성되어 있습니다. Content : 내용 (이미지와 텍스트) 등이 나타나는 콘텐츠 영역 입니다. Padding : 컨텐츠 주변의 여백을 공간 입니다. Border : 패딩과 컨텐츠를 둘러싼 영역입니다. 속성을 주어서 경계부분에 선을 표현할 수 있습니다. Margi.. 앱 만들기/CSS 2023. 6. 20.