CSS2 CSS 적용 우선순위 1. CSS 적용 우선순위 1. CSS 적용 우선순위 CSS는 태그에 속성이 중복되게 설정되면 정해진 우선순위에 따라 속성값이 적용된다. CSS의 우선순위가 높은 속성부터 내림차순으로 작성하겠습니다. 1. 속성값 뒤에! important를 붙인 속성 div { clolr: blue} div { color: red !important} 같은 속성을 중복 부여했을 때 우선순위가 높은 !important가 붙어있는 속성인 div { color: red !important}가 적용된다. 2. HTML에서 style을 직접 지정한 속성 (inline) 색상 태그에 style 속성을 사용해 직접 스타일을 적용시키면 태그 안에 작성한 속성이 우선순위가 높아 스타일을 우선 적용한다. 3. #id로 지정한 속성 #id .. 2024. 4. 4. CSS 1. 문법 2. 자주 사용하는 스타일 속성 및 값 1. 문법 html이 웹페이지의 구조를 위한 내용이면 CSS는 모양을 위한 시트이다. 브라우저의 요소에 모양 즉, 원하는 스타일을 적용 시킨다. css는 아래의 코드블럭 내용처럼 구성된다. 선택자 { 속성 : 값 } 선택자 : 어떤 요소에 어떤 스타일을 적용 시킬 것인지를 명시한다. 예를들어 태그에 스타일을 적용시려면 선택자에 div를 적으면 된다. 선택자의 종류 * {} 모든 요소의 선택자 - 모든 태그에 스타일을 적용시킨다. div {} 유형 선택자 - 모든 div 태그에 스타일을 적용시킨다. .class {} 클래스 선택자 - 공통된 이름을 가지고 있는 클래스들에 스타일을 적용시킨다. #id {} 아이디 선택자 - id에 사용되는 이름은 중복될 수 .. 2024. 4. 3. 이전 1 다음