내장 나침반 5 개 개의 모듈 : 리셋, CSS3, 레이아웃, 타이포그래피 , 유틸리티 ( 공식 웹 사이트 : http://compass-style.org/reference/compass/ )
1, 리셋 : 리셋 브라우저 스타일의 모듈을, 다른 브라우저 간의 차이를 줄이기 위해
패키지의 리셋 패턴으로 리셋 개별적으로 재설정 할 수 있습니다 조각의 전역 스타일을 다시 때로는 필요를이 믹스 인을 소개 없음 @import에 의해 "나침반 / 리셋 / 유틸리티"설정하는 믹스 인이되었다.
사용법 :
@import "나침반 / 리셋 / 유틸리티";
@include 리셋 HTML5;
표준화 나침반 리셋 모듈을 교체 할 수 있습니다
(1) normalize.css를 설치 NPM, 패키지 관리 도구를 사용하여
명령 줄 지침을 사용하여 나침반을 사용하여 정상화 플러그 (2) "보석은 나침반 정상화를 설치"
두 번째 접근 방식은 여기에 사용 :
위젯 config.rb 참조 1. '나침반 정상화'필요
확장 :
<1>에 필요한 '나침반 / 수입되면 활성화 /'피 중복성에 한번만 설정하는 다른 코드 위치, 중복에 참조 부호를 사용한다. 그것을 필요로 할 때 플러스 견적을 반복합니다 "!"가 될 수있다, 예 : "나침반 / 리셋"XXXXXX "@import"나침반 / 리셋 @import로! "
<2> config.rb 파일 output_style = "확장 또는 중첩 된 소형 압축"에 CSS 스타일 코드를 설정하는 데 사용 컴파일
라인에 압축 압축을 사용하는 경우, 모든 댓글은 당신이 상단에 주석을 추가 할 수 있습니다, 제거 내부 될 것 "!"주석이 밖으로 압축 방지하려면 / *!하기 Xxx * /
2, CSS3 : 주로 사용되는 CSS3 기능은 크로스 브라우저를 제공하기 위해
모듈 적극적 CSS3 브라우저 지원 모듈도 소개 조정하지 않고, CSS3 브라우저 지원 모듈의 구성을 조정하는 경우.
예를 들면 :
코드를 컴파일 한 후 :
적응이 자동으로 파이어 폭스 생성 된 코드를 필요로하지 않는 경우에, 당신은 브라우저 지원 모듈을 사용해야합니다. 어느 것이 기본 브라우저 지원을 구성하는 나침반. 버전에 특정 브라우저 지원하십시오.
설정 나침반 지원되는 브라우저 :
지원-브라우저를 $ : 크롬 파이어 폭스를;
或 $ 지원 - 브라우저 : 크롬, 파이어 폭스,
설정 나침반 최소 브라우저 (IE5.5에 나침반 기본 지원)의 지원 버전 :
$ 브라우저 최소 버전 :( "예": "8", "" "")
3, 레이아웃 : 페이지 제어 할 수있는 능력 (낮은 이용률)을 제공 레이아웃
