CSS6 CSS 선택자(Selector) - Type, Class, Id 선택자 Type 선택자 하나의 웹페이지에서 일관적으로 적용할 스타일이 있을 때 사용한다. 특정 요소를 선택하기 위해 사용하는 것 X (ex: h2 태그를 여러 번 사용하면 모든 h2 태그에 스타일이 적용되기 때문) Hello! Lorem Ipsum Have a nice day /* Type Selector */ h2 { color: purple; } h3 { color: red; } 2. ID 선택자 ID 는 중복 사용이 불가하여, 하나의 ID 는 전체 html 에서 하나의 태그에만 부여할 수 있다. Movie List Toy Story Zootopia Inside Out Lorem Ipsum Have a nice day /* ID Selector */ #movie-list { color: red; } /* C.. 2023. 4. 9. 캐스캐이딩(Cascading) 원칙 Cascading : 폭포 = 위에서 아래로 흐르는 1. 스타일 우선순위 동일한 스타일이라도 선언된 곳에 따라 우선순위가 정해진다. 브라우저에 의해 정의된 스타일 < 개발자가 선언한 스타일 < 사용자가 구성한 스타일(흔치않음) 적용 범위가 적을 수록 우선시 된다. tag 스타일(h1 { }) < class 스타일(.class { }) < id 스타일(#id { }) < 인라인 스타일() 소스코드의 순서가 뒤에 있으면 덮어쓴다. 중복으로 작성된 내용이 있다면 뒤에 있는 코드로 스타일이 적용됨 2. 스타일 상속 부모 요소에 있는 스타일 속성들이 자식 요소로 전달된다. 자식 요소에서 재정의 할 경우, 부모의 스타일을 덮어쓴다. 상속이 되지 않는 속성도 있다. (ex: 배경 이미지, 배경 색 등) ★ 스타일을 .. 2023. 4. 9. 이전 1 2 다음
