Frontend2 CSS 선택자 CSS 규칙 전용 타겟이 되는 선택자 8가지 소개 핵심요약 일반 선택자 1~4번 일반 선택자의 우선순위 전체 선택자 < 타입 선택자 < 클래스 선택자 < ID 선택자 복합 선택자 5~8번 1. 전체 선택자 *{ background: red; color: balck; }html 문서 내 모든 엘리먼트 선택해 스타일 규칙 적용 주로 모든 속성을 선택해 패딩이나 마진을 초기화 하는 용도 2. 타입 선택자 div, p{ font-weight : bold; padding : 11px; color : blue; } div{ background: red; color: balck; } p{ padding : 10px }예시와 같이 태그명을 사용해 스타일을 적용함 여러 엘리먼트 동시사용 가능함 같은 엘리먼트에 여러가지 .. 2022. 3. 20. CSS 간단정리 개요 웹 페이지의 디자인을 담당하는 CSS 웹 페이지를 표현하기 위한 스타일 규칙을 모아 놓은 문서 css를 사용하는 이유는 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있기 때문 규칙 선택자와 선언 두 부분으로 구성 선택자는 스타일이 적용되는 엘리먼트 선언 부분에서는 선택자에 적용될 스타일 작성 속성과 값으로 이루어짐 여러속성에 값을 지정할때는 속성별로 ; 으로 구분 여러 선택자를 적용할때 ,(콤마)사용해 나열 ex) .css(선택자){ padding : 10px; color; #000;} {}->선언블록 padding -> 속성 10px -> 값 여러선택자사용 .css(선택자),div, ··· { padding : 10px; color; #000;}css 적용방법 외부 스타일 시트 적용 html파일내.. 2022. 3. 20. 이전 1 다음