mynote6676 개발자 노트

1. background 프로퍼티란?background 프로퍼티는 요소의 배경을 설정하는데 사용됩니다. 배경 색상, 이미지, 반복 방식, 위치, 크기등을 한버넹 정의할 수 있는 단축 속성(shorthand property) 입니다. 개별 속성으로도 설정 가능하며, 단축속성을 사용하면 코드를 간결하게 작성할 수 있습니다. 주요 개별 속성-backgroud - color: 배경 색상을 지정합니다.-backgroud - image: 배경 이미지를 지정합니다.-backgroud - repeat : 배경 이미지의 반복 방식을 설정합니다.backgroud - position : 배경 이미즈이 위치를 설정합니다.backgroud - size : 배경 이미지를 크기를 설정합니다. backgroud - attachmen..

CSS 박스 모델은 HTML 요소를 네모난 상자로 구분하여 표현하는 모델입니다. 위 그림 처럼 HTML 요소를 "상자"로 보는 방식이에요. 이 상자는 네 개의 층으로 이루어져 있어요.-Content(내용): 상자 안의 실제 내용물(텍스트, 이미지 등).-Padding(패딩) : 내용과 테두리 사이의 내부 공간.-Border(테두리): 패딩을 감싸는 경계선.-Margin(마진): 테두리 밖의 외부 공간. 박스 모델을 이해하면 웹페이지에서 요소의 크기와 간격을 정확히 조정할 수 있어요. 이걸 모르면 버튼이 겹치거나텍스트가 너무 붙어서 보기 불편한 문제가 생길 수 있습니다. |실습 코드 1 - 박스 모델에 개념 | 박스모델에 대한 기본적인 속성에 이해 div 태그 1 박스 모델 ..