728x90 프론트앤드/CSS2 CSS 배경화면 여백주기 #Margin 해당 요소의 border 바깥쪽의 여백 해당 요소와 다른 요소와의 거리를 결정한다. top margin과 bottom margin이 만나는 곳에서는 둘 중 더 높은 margin만 적용 된다. margin을 auto로 설정하면 자동으로 margin을 조절하여 요소를 가운데 정렬한다. 아래 사진의 이 색으로 표시된 영역이 Margin이다. (요소의 "외적" 여백) 선언방법 #div1{ /*옆50, 높이25*/ margin:50px 25px; } #div2{ margin:50px; } #div3{ width:500px; margin:auto; } margin: 50px 25px; -> 옆여백 50px, 높이여백 25px margin: 50px; -> 옆,높이 여백 50px margin: auto.. 2022. 2. 16. CSS의 기초 ◎CSS의 개요 :CSS는 구체적으로 어떤 스타일로 요소가 표시 되는지를 정하는 규격 :초기의 웹은 HTML 하나로 문서의 뼈대도 만들고 꾸미기도 하지만 공통적인 디자인을 갖는 문서가 여럿 존재 할 경우 하나의 디자인이 변경되면 모든 파일을 수정해야 하는등의 번거로움이 존재 했는데 이런 문제를 해결함과 동시에 웹페이지의 내용과 스타일 (표현)을 분리해주어 역할 분담도되는 효과를 가져옴 ◎CSS의 사용 방법 :CSS 내부적으로 사용되는 문법은 동일하며, 어디에 기술하느냐의 차이 HTML 태그의 style 속성을 이용 태그를 통해 HTML 문서 내부에 기술 .CSS 파일로 분리하여 HTML문서에 연결 ▶HTML 문서 내부에 기술 ▶태그 선택자 :처음 사용하며 해당되는 태그 전부에 스타일을 적용 태그이름 { .. 2022. 1. 24. 이전 1 다음 728x90
