[CSS] CSS 레이아웃(display, position, float)

1. CSS 레이아웃 - HTML 페이지를 부모 자식 관계를 설정하고 배치 - Z 인덱스로 상하를 구분하여 앞/뒤의 배치를 설정하기 위한 화면 구성 - 레이아웃은 CSS의 전부라고 해도 관언이 아닐 정도로 복잡 - 속성을 구성/구현하기 어려우며, 이는 수많은 시행착오를 통해 익힐 필요 있음 2. 디스플레이(display) 속성 - 레이아웃의 가장 기본적인 속성으로 가로 폭을 박스/화면 전체 차지할지 등 결정 - 태그마다 기본 속성을 가지고 있으며, 기본적으로 등은 block - 등은 inline 속성을 기본 값으로 갖는다. - 사용 예 : display: block; none 화면에서 태그를 숨김 block 대표적으로 태그의 기본속성 content/text와 상관없이 한줄 전체를 점유 가로영역(너비를 1..

[CSS] CSS 개요, 스타일 시트, 기본 문법(형식), 선택자

1. CSS - Cascading Style Sheet - HTML로 작성된 웹 문서의 스타일의 디자인을 재정의하여 보다 시각적으로 보여주기 위한 스타일 시트 언어 장점 - 웹 구조(HTML)와 디자인(CSS)를 분리하여 관리할 수 있다. - 디자인(CSS)을 변경하여 동일한 HTML을 쉽게 재디자인 할 수 있다. - 반응형 웹을 만들기 위해서는 반드시 필요하다. 2. CSS 스타일 시트 안녕하세요 반갑습니다. 프론트엔드 과정입니다. HTML CSS - 인라인 스타일 : HTML 태그 안에 style 속성으로 작성 - 내부 스타일 :