Frontend/CSS

Frontend/CSS

[CSS3] 선택자 | 선택자 우선순위 | 태그 | 아이디 | 클래스

목차 선택자 1-1. 선택자 종류 1-2. 선택자 우선순위 모든 선택자(전체 선택자) 태그 선택자 아이디 선택자 클래스 선택자 속성 선택자 6-1. 속성값=특정값 일치 6-2. 속성값~=특정값 공백 전후 포함 6-3. 속성값|=특정값 - 이전 포함 6-4. 속성값^=특정값 시작 6-5. 속성값$=특정값 끝 6-6. 속성값*=특정값 어디든 포함 자손/후손 선택자 7-1. 자손 선택자 7-2. 후손 선택자 동위 선택자 8-1. 동위선택자A + 바로 뒤에 있는 선택자B 1개 8-2. 동위선택자A ~ 뒤따르는 선택자B 전부 반응 선택자 9-1. 선택자:active 클릭 9-2. 선택자:hover 마우스오버 9-3. cursor 속성 상태 선택자 10-1. input[속성:속성값]:checked 10-2. inp..

Frontend/CSS

[CSS3] 스타일 | 스타일시트 | CSS 개요

목차 CSS 1-1. 문서내용 + 디자인 = 웹페이지 style 2-1. style과 stylesheet 2-2. style 기본 형식 stylesheet 3-1. 인라인 스타일시트 3-2. 내부 스타일시트 3-3. 외부 스타일시트 1. CSS 1-1. 문서내용 + 디자인 = 웹페이지 HTML의 style 속성 또는 .html 파일 안에서 작성하는 내부 스타일시트 예시이다. HTML 문서 상단의 안에서 태그 통해 적용할 수 있다. 3-3. 외부 스타일시트 .css 별도의 CSS 파일을 읽어와 적용하는 방법을 외부 스타일시트라고 한다: 예) style.css 외부로부터 .css 파일을 읽어들일 때는 태그를 사용한다.

@reminder
'Frontend/CSS' 카테고리의 글 목록 (2 Page)