DEV/FE2 [HTML/CSS] 웹사이트 레이아웃 본 포스팅은 엘리스 HTML/CSS 과정을 수강하며 정리한 내용임을 밝힙니다 1. 박스 모델Point Imargin과 padding의 차이.margin-left: border 바깥쪽에서 왼쪽에 여백을 만듦.padding-left: border 안쪽에서 왼쪽에 여백을 만듦top, right, bottom, left에 여백을 만들 수 있음공간이 여백을 포함한 크기로 변경되는 점 유의Point IItop right bottom left 순서로 한 줄에 작성 가능 태그가 대표적줄바꿈 현상이 나타남width/height 값 사용 가능 (공간 만들기 가능)margin과 padding 값 사용 가능 (상하 배치 작업 가능)Point IIInline 요소의 특징줄바꿈 현상 없음width/height 값 적용 불가mar.. 2024. 5. 14. [HTML/CSS] CSS 기초 5. CSSCSS는 Cascading Style Sheet의 약자로, HTML로 작성된 정보를 꾸며주는 언어입니다.Point ICSS 구성 요소선택자 { 속성 : 속성값; }선택자: 디자인을 적용할 HTML 영역속성: 어떤 디자인을 적용할지 정의속성값: 어떤 역할을 수행할지 구체적으로 명령Point IICSS 속성 (Property)h1 { font-size: 20px;/* 폰트 사이즈 */font-family: sans-serif;/* 글꼴 */color: blue;/*폰트 색깔 */background-color: yellow;/* 배경색 */text-align: center;/* 텍스트 정렬 */}Point IIICSS 연동 방법Inline Style Sheet: 태그 안에 직접 원하는 스타일 .. 2024. 5. 14. 이전 1 다음