본문 바로가기

전체 글

 (166)
CSS 선택자 - 기본 선택자 CSS 선택자는 크게 5 종류로 구분할 수 있습니다. 각각 기본, 복합, 가상 클래스, 가상 요소 및 속성입니다. 이번 글에서는 기본 선택자를 다루겠습니다. 1. * *는 모든 요소를 선택하겠다는 의미를 가지며 전체 선택자(Universal Selector)로 부릅니다. 2. ABC ABC는 태그 이름이 ABC인 요소를 선택하겠다는 의미를 가지며 태그 선택자(Tag Selector)로 부릅니다. 3. .ABC .ABC는 HTML class 속성의 값이 ABC인 요소를 선택하겠다는 의미를 가지며 클래스 선택자(Class Selector)로 부릅니다. 4. #ABC #ABC는 HTML id 속성의 값이 ABC인 요소를 선택하겠다는 의미를 가지며 아이디 선택자(ID Selector)로 부릅니다.
CSS 선언 방식 CSS 선언방식은 크게 4개로 분류됩니다. 각각 내장 방식, 링크 방식, 인라인 방식과 @import 방식입니다. 1. 내장 방식 영역의 내용(Contents)으로 스타일을 작성한는 방식입니다. HTML파일 부분에 작성. 2. 인라인 방식 요소의 style 속성에 선택자 없이 직접 스타일을 작성하는 방식입니다. 3. 링크 방식 로 외부 CSS 문서를 가져와서 연결하는 방식입니다. 4. @import 방식 CSS의 @import 규칙으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연갈하는 방식입니다.
CSS 기본 문법 및 주석 CSS 기본 문법 선택자는 스타일(CSS)을 적용할 대상(Selector)입니다. 속성은 스타일(CSS)의 종류(Property)입니다. 값은 스타일(CSS)의 값(Value)입니다. 중괄호 사이에 여러 속성:값 세트로 구성될 수 있습니다. 따라서 중괄호가 스타일 범위의 시작과 끝을 의미합니다. 속성과 값 세트가 여러개 있을 수 있어서 보기 좋게 들여쓰기(Indent)를 해주면 좋습니다. CSS 주석 Windows: Ctrl + / MacOs: Cmd + / /* 과 */ 각각 주석의 시작과 끝으로 불립니다. 브라우저는 이 범위를 해석하지 않습니다.

티스토리툴바