본문 바로가기

HTML,CSS/CSS2

[CSS] 2. 주요 선택자와 캐스캐이딩의 개념 [CSS] 2. 주요 선택자와 캐스캐이딩의 개념 1. 주요 선택자(1) 전체 선택자: ‘*’로 선택한다.(2) 태그 선택자: ‘태그 이름’으로 선택한다.(3) 클래스 선택자: ‘.’으로 선택한다.(4) id 선택자: ‘#’으로 선택한다.(5) 그룹 선택자: ‘,’로 선택한다.  2. 캐스캐이딩 스타일 시트와 우선순위(1) 캐스캐이딩 스타일 시트(CSS)의 의미: 캐스캐이딩(Cascading)은 폭포처럼 위에서 아래로 쏟아진다는 의미이다. 캐스캐이딩 스타일 시트(Cascading Style Sheet)는 위에서 아래로 적용되는 스타일 시트를 의미한다. 이는 CSS에서 가장 중요하게 적용되는 원리이다.(2) 원칙: 캐스케이딩은 스타일 우선순위/스타일 상속이라는 두 가지 원칙을 가지고 있.. 2024. 4. 24.
[CSS] 1. 스타일이란? [CSS] 1. 스타일이란? 1. 스타일이란? (1) 스타일(style): HTML문서에서 사용하는 글꼴, 색상, 정렬 등 각 요소들의 배치와 문서의 외형을 결정짓는 내용이다. (2) 스타일 시트(style sheet): 스타일을 관리하기 쉽게 한 곳에 모아둔 것이다. (3) 왜 스타일을 사용하나?: -문서의 내용과 관계 없이 디자인만 바꿀 수 있다. (내용과 디자인의 분리) -다양한 기기에 맞춰 변하는 문서를 만들 수 있다. 2. 스타일의 형식 스타일 형식: p {text-align: center;} (선택자+스타일 속성+속성값) -선택자: { } 사이에 정의한 스타일 규칙이 적용될 대상을 말한다. -속성과 속성 값: '속성 : 속성 값' 의 형태로 함께 표시한다. -스타일 주석: /* 주석 내용 */.. 2024. 4. 23.