본문 바로가기

Front/CSS

(18)
[CSS] 조합선택자 (Combinators Selectors) 조합 선택자 CSS에서는 요소를 선택자로 표현할 수 있는데 이러한 요소들을 2개 이상 묶어서 특정 규칙을 이용하여 사용하는 선택자를 뜻한다. Element 관계는 아래와 같이 나눌 수 있다. - 수직 구조( 포함관계 ) : 형제, 조상, 부모, 자식(child), 자손(descendant) - 수평 구조( 인접관계 ) : 형제(sibling) 자손 요소(공백) : 기준 요소에 포함되는 모든 요소에 적용 /descendant 자식 요소(>) : 기준 요소에 직계로 포함되는 요소만 적용 / child 형제 요소(+) : 기준 요소의 바로 다음 요소(선택지와 일치하여야함)에 적용 /adjacent sibling 형제 요소(~) : 기준 요소의 바로 다음 요소에 적용 /general sibling ** 선택지와..
[CSS] CSS기초 (기능, 문법, 선택자) CSS의 정의 CSS(Cascading Style Sheet)는 HTML로 작성된 문서를 표현하는 방법을 정해주는 언어로 디자인, 레이아웃 등을 담당한다고 볼 수 있다. CSS는 여러 개의 HTML 요소에 공통 적용하고 제어할 수 있어 효율적이다. 예시 짱구 철수 유리 훈이 맹구 위와 같은 코드가 있을 때 이와 같은 css 구문을 입력하여 단락 p인 모든 요소를 한 번에 적용시킬 수 있다. 문법 selector(선택자) {Property:value;Porperty:Value;Property:Value;} selector(선택자) { Property:Value; Property:Value; Property:Value; } Selector(선택자) : 스타일을 지정할 대상을 가리킴 기본적인 선택자(Selec..