ホームページ > ウェブフロントエンド > htmlチュートリアル > コンパス moduleHelpers_html/css_WEB-ITnose

コンパス moduleHelpers_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:32:32
オリジナル
1202 人が閲覧しました

カラーストップ: CSS3 グラデーション属性を使用して画像を生成する場合、より豊かなグラデーション効果を作成するために、グラデーション ラインの開始点と終了点のカラー値を宣言することに加えて、カラーも必要になることがあります。いくつかの中間点の値を、これらの点をカラーストップと呼びます。カラー値に現在のポイントの位置を加えたもの。ポイントの位置表現を省略すると、Color Stops ヘルパー関数が自動的にポイントの位置を計算して出力するのに役立ちます。
色: カラー値を明るくしたり調整するために使用されます (ほとんど使用されません)
定数:
クロスブラウザ: クロスブラウザ CSS 新機能プラグインをコンパスに提供したい場合
表示ヘルパー: ヘルパー関数は 1 つだけあります, 値は inline、block です
環境ヘルパー: 現在のコンパスの環境情報を取得します
例: compass-env();
関数の実行結果は 2 つだけ考えられます。 `開発` または `運用`) 1 つは開発環境で、もう 1 つは運用環境です。 2 つのコンパスの一部の動作は異なります。たとえば、内部のコメント情報は config.rb ファイルで変更できます。

line_comments = false;
ログイン後にコピー

コンパイル環境を表示します。コマンドライン 本番環境の使用を強制します :

compass compile -e production --force
ログイン後にコピー

-e:

はコンパイル環境を指定するために使用されます。

--force: コンパスに既存のファイルを上書きおよび書き換えさせます
config.rb でコンパイル環境を指定できます:

environment = :production或者:development
ログイン後にコピー
フォント ファイル: フォント ファイル config.rb のフォント パスを設定します: fonts_dir= "fonts ";

画像の寸法: 画像の幅と高さを計算するために使用される 2 つのヘルパーが含まれています。

インライン データ: ファイルを Base64 エンコード形式に変換し、CSS ファイルに埋め込みます。

数学: 数学用のいくつかのヘルパー。

セレクター: 1 つはセレクターのネストされた結合関数、もう 1 つはセレクターのオーバーレイ結合関数です。

例: append-selector($selector, $to-append)


パラメータは合計 2 つあり、この関数は、セレクターの位置で使用される 2 番目のパラメータ を最初の

に結合することです。

1 #{append-selector("p, div, span", ".bar")}{2  color: #ccc;3 }
ログイン後にコピー
CSS にコンパイル:

1 p.bar, div.bar, span.bar {2  color: #ccc;3 }
ログイン後にコピー

スプライト: 結合された画像に関連するヘルパー

URL:


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート