요약2 [정리] bootstrap gird 그리드 시스템 ( grid system ) 부트스트랩에서 그리드 시스템은 디바이스나 뷰포트 크기가 증가함에 따라 반응형으로 배열되는 최대 12개의 칼럼을 통해 쉽고 효율적으로 동적인 페이지의 레이아웃을 만들 수 있도록 도와준다. 예제를 통해 gird 시스템에 대해 이해해보도록 하자. 1 2 3 4 5 6 7 8 9 10 11 12 13 Column Column Column cs 1. container - container가 감싸고 있는 content를 중앙 정렬을 해준다. - 반응형으로 width를 지정하고 싶은 경우 .container - width를 화면의 100%로 사용하고 싶은경우 .container-fluid를 사용한다. container를 통해 해당 영역을 container화 시키고 그 안에 .. 2022. 2. 14. [정리] CSS 요약 적다보니 양이 생각보다 많아져서 2~3파트로 나눠서 올리기로 했다. CSS (Cascading Style Sheets) Cascading Style Sheets(CSS)는 HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어이다. 쉽게 말해 HTML은 문서의 내부적인 골격을 말한다면 css는 그것을 효과적으로 표현하기 위해 꾸미는 스타일을 의미한다. [스타일을 지정하기 위한 언어] css 구문 - 용어 속성(property) : 어떤 스타일 기능을 변경할지 결정한다. 값 (value) : 어떻게 스타일 기능을 변경할지 결정한다. CSS 선택자 ( selector ) 요소 선택자 HTML 태그를 직접 선택 클래스 (class) 선택자 마침표( . ) 문자로 시작하며, 해당 클래스.. 2022. 2. 14. 이전 1 다음
