compass模块Helpers_html/css_WEB-ITnose
Color Stops:在使用CSS3渐变属性生成图片的时候,有时候为了打造更丰富的渐变效果除了声明渐变线上的起始点和终止点的色值,还有声明一些中间点的色值,这些点我们就称之为Color Stops。一个色值加上当前点的位置。当我们省略点位置表示的时候Color Stops helper function 会自动帮我们计算输出这个点的位置。
Colors:用来亮化调整一个色值(用到的极少极少)
Constants:
Cross Browser:如果我们要为compass贡献跨浏览器的CSS新特性插件
Display Helpers:只有一个helper function,值为inline、block
Environment Helpers:获取当前编译的一些环境信息
例: compass-env();
返回当前compass的编译环境,函数执行的结果只有两种可能(`development` or `production`)一个是开发环境一个是生产环境。两种compass有些行为是不一样的,例如里面的注释信息可以在config.rb文件里修改:
line_comments = false;
查看编译环境: @debug compass-env();
在命令行中强制使用production环境:
compass compile -e production --force
-e:用来指定我们的编译环境。
--force:让compass覆盖重写已有文件
可以再config.rb里指定编译环境:
environment = :production或者:development
Font Files:针对字体文件config.rb配置font路径:fonts_dir="fonts";
Image Dimensions:包含两个helpers,用来计算图片的宽和高
Inline Data:将文件转化成base64编码的格式内嵌在我们的CSS文件里
Math:一些数学计算的helper
Selectors:一个是选择器嵌套组合函数,一个是选择器叠加组合函数。
例: append-selector($selector, $to-append)
一共有两个参数,作用就是将第二个参数叠加组合进第一个,用在选择器位置的。
1 #{append-selector("p, div, span", ".bar")}{2 color: #ccc;3 }
编译为CSS:
1 p.bar, div.bar, span.bar {2 color: #ccc;3 }
Sprites:合图相关的helpers
URLs:

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까?

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까?

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?
