CSS 캐스케이드 및 상속 사용에 대해 자세히 알아보세요.
- 高洛峰원래의
- 2017-03-17 10:37:071292검색
1. HTML에서 CSS 스타일 시트를 사용하는 세 가지 방법:
(1) 인라인 스타일 시트.
예: LIN
(2) 삽입된 스타일 시트.
은 <head> 태그 내에
이러한 속성이 CSS 규칙과 충돌하는 경우, 항상 CSS 규칙에 의해 재정의됩니다.
4. 룰에 활용해보세요! 중요
사용! important로 지정된 규칙은 다른 규칙보다 더 중요합니다.
예: em { 색상: bule! 중요;}
참고: 사용자가 먼저입니다! 중요한 규칙은 작성자의 규칙보다 우선합니다.
사용자 정의 스타일 시트를 선언해야 합니다! 중요한.
5. @import 규칙, 파일 가져오기.
예: h1 {color: red;}
@import url("style.css");
/*style.css*/
h1{color: green;}
위 코드에서 마지막 h1은 빨간색입니다. 기본적으로 가져온 스타일시트는 원래 스타일시트 규칙보다 먼저 나타나기 때문입니다.
6.상속
(1) display, border, margin 및 padding 속성은 상속되지 않습니다.
(2) background-color는 상속되지 않습니다. 설정하지 않으면 기본값은 transparent라는 특수값입니다.
(3) 상대값을 상속받을 때, 그 값을 먼저 계산한 후 후손에게 전달합니다.
(4) 상속 지정: 특수 값 상속
예: p .standout{ border :1px solid blue ;}
p .standout{ border:inhert;}
참고: CSS 1이 출시되었을 때 저자의! 중요한 스타일은 사용자의 스타일보다 우선합니다! 중요한 스타일.
CSS2, 유저 여러분! 중요한 스타일은 작가의 스타일보다 우선합니다! 중요한 스타일.
위 내용은 CSS 캐스케이드 및 상속 사용에 대해 자세히 알아보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!