css8 [CSS] 웹 프로젝트 6일차! (border & padding & flex) 오늘은 2일차 CSS의 box 특징 margin, border, padding 중 border 와 padding에 대해 공부해 보았다. padding) border의 안쪽 공간 = box의 경계 안쪽 padding: 20px; -> padding을 20px 해라 border) margin 과 padding의 경계선 = box의 경계 border: 2px solid black; -> border을 2px의 검은색 실선으로 해라 FLEX ) -> flex는 레이아웃 배치 전용 기능으로 고안되었다. 기존 방식의 inline-block보다 훨씬 편하고 강력하다!! 1 2 3 이런 코드가 있다고 할 때, flex선언은 부모 요소인 body에 하고, body는 flex container라고 한다. 자식 요소인 di.. 2021. 7. 11. [CSS] 웹 프로젝트 5일차! (CSS의 기본 문법 & margin) 오늘은 CSS를 처음 배우는 날이다. CSS를 HTML에 적용하는 방법부터 기본 문법, 특징까지 차근차근 배워 보았다. CSS를 HTML에 적용하는 방법) 1) HTML script 자체에 적용하는 방법 style 태그 안에 CSS 코드를 작성하면 된다. 2) CSS script를 HTML 파일에 적용하는 방법 link 태그를 사용해서 style.css란 만들어놓은 css파일을 html파일에 연결해주면 된다. 기본 문법) selector { property: value; } "selector에 value 값의 property를 적용한다."라고 이해하면 편하당ㅎㅎ {} 는 스타일 범위의 시작을 의미한다. ex) h1 { color: blue; font-size: 20px; } 이런식으로 적용하면 된다!! .. 2021. 7. 10. 이전 1 2 다음
