FRONT-END/CSS 2

CSS 이해

1. 선택자의 이해 개요 HTML 문서에서 CSS 규칙 적용 타겟이 되는 다양한 종류의 CSS 선택자가 존재 일반 선택자는 전체 선택자, 타입 선택자, 클래스 선택자, ID 선택자로 분류 복합 선택자는 자식 선택자, 하위선택자, 인접 형제 선택자, 일반 형제 선택자로 분류 그 외에도 가상 클래스 선택자, 가상 엘리먼트 선택자, 속성 선택자가 존재 전체 선택자 : * {} 타입 선택자 : h1, h2, h3 {} 클래스 선택자 : .className {} ID 선택자 : #idName {} 하위 선택자 : E1 E2 {} 자식 선택자 : E1>E2 {} 인접 형제 선택자 : E1+E2 {} 일반 형제 선택자 : E1~E2 {} 가상 클래스 선택자 요소 가상 클래스 선택자는 User Agent가 제공하는 가..

FRONT-END/CSS 2021.12.07

CSS 기본

CSS? HTML5 웹 문서를 구성하는 3가지 요소. HTML : 웹 페이지 문서 담당 CSS : 웹 페이지 디자인 담당 JS : 웹 페이지 이벤트 담당 Cascading Style Sheets의 약자 스타일 사용이유 웹 문서의 내용과 상관 없이 디자인만 바꿀 수 있다. 다양한 기기에 맞게 탄력적으로 바뀌는 문서를 만들수 있다. 웹 페이지를 표현하기 위한 스타일 규칙을 모아 놓은 문서 웹 브라우저 별 CSS3 지원. site : http://css3test.com CSS 규칙은 선택자와 선은 두 부분으로 구성. 선택자는 규칙이 적용되는 엘리먼트. 선언 부분에서는 선택자에 적용될 스타일 작성. 선언은 중괄호로 감싸며, 속성과 값으로 이루어짐. 속성은ㅊ 선택자에서 바꾸고 싶은 요소. 값은 속성에 적용할 값...

FRONT-END/CSS 2021.12.07