본문 바로가기

CSS8

CSS 모델 크기 단위 CSS에서 사용하는 크기의 단위에는 %, em, px, cm, mm, inch 등이 있습니다. 그 중에서도 가장 많이 쓰이는 크기 단위는 다음과 같습니다. 1. 백분율 단위(%) 2. 배수 단위(em) 3. 픽셀 단위(px) 백분율 단위(%)는 기본 크기를 100%로 놓고, 그에 대한 상대적인 크기를 설정합니다. 배수 단위(em)는 해당 글꼴(font)의 기본 크기를 1em으로 놓고, 그에 대한 상대적인 크기를 설정합니다. 픽셀 단위(px)는 스크린의 픽셀(pixel)을 기준으로 하는 절대적인 크기를 설정합니다. 예) 1배 = 1em = 100%를 의미합니다. 크기(Dimension) CSS를 이용하면 HTML 요소의 크기를 마음대로 설정할 수 있습니다. CSS에서 크기 조절을 위해 사용할 수.. 2020. 7. 1.
CSS 기초 CSS의 문법은 선택자(selector)와 선언부(declaratives)로 구성됩니다. 선택자는 CSS를 적용하고자 하는 HTML 요소(element)를 가리킵니다. 선언부는 하나 이상의 선언들을 세미콜론(;)으로 구분하여 포함할 수 있으며, 중괄호({ })를 사용하여 전체를 둘러쌉니다. 각 선언은 CSS 속성명(property)과 속성값(value)을 가지며, 그 둘은 콜론(:)으로 연결됩니다. 이러한 CSS 선언(declaration)은 언제나 마지막에 세미콜론(;)으로 끝마칩니다. CSS 선택자 스타일을 적용할 HTML 요소를 가리키는 데 사용하는 선택자는 다음과 같습니다. - HTML 요소 선택자 - 아이디(id) 선택자 - 클래스(class) 선택자 - 그룹(group) 선택자 HTML 요소 .. 2020. 7. 1.