問題タブ [styling]

一般的な要素スタイル、ネストされた要素スタイル、およびクラス化された要素スタイルの CSS 'スキーマ' または階層を確立するにはどうすればよいでしょうか。私のようなランクの初心者にとって、私が表示するスタイルシートの情報量は完全に圧倒されます. インライン スタイル属性と比較して、適切にファクタリングされたスタイルシートまたはシートを作成するには、どのようなプロセスに従いますか?

antビルドの一部としてcssを圧縮する必要があります。csstidyがこれを行うことに気づきましたが、異なるプラットフォームで異なるバイナリを使用する必要があるため、これをantビルドに含めるのは簡単ではありません。

それで、人々が使用するjava cssコンプレッサーはありますか？

レイアウトとコンテンツの分離は、CSS と HTML のドメインであり、これまでのところよく理解されています。今、分離について...

コンテンツ管理システムに「スキン」または「テーマ」を提供するタスクを開始するためのヒントとベスト プラクティスを探しています。

バックグラウンド：

Portal Server/Content Management System を採用し始めており、ニーズに合わせてルック アンド フィールを変更し始めています。

私たちのデザイナーはこれまで、主に HTML と CSS を完全に制御して作業し、いずれかを微調整して、ピクセルパーフェクトなレイアウトを実現してきました。cms の採用により、CSS と画像でスキニングする必要がある、事前に作成された HTML (非常にセマンティックで、テーブルはほとんどありません :) がたくさんあります。HTML フラグメントを変更することは可能ですが、最後の手段としてのみ行うことをお勧めします。

これは「どのように開始するか」という課題を提供するため、私の質問は、このタスクを管理または整理するのに役立つヒントや記事についてです。たとえば、設計のベストプラクティス、このタスクをどのように分割するか、またはどのツールを使用するかです。

動的に生成されたページをディスクに保存し、ローカルで変更するのは悪い習慣のようです。これは、CSS ファイルにはある程度問題ありませんが、HTML 要素への変更は、生成元のフラグメントに後付けする必要があります。可能であれば、これをデザイナーの領域から除外したいと思います。また、Dreamweaver (または同様のツール) が暗黙のうちに HTML 構造を微調整するという考えは、私にとって恐ろしいことです。

好奇心旺盛な方へ: 前述の CMS/Portalserver はLiferayですが、質問は実際には言語やツールに依存しません。

編集: FireBug (Josh が示唆したように) は、css をオンザフライで変更するのに最適です。ツールまたはインプロセスおよび自己組織化の分野で、他に何かありますか?

サイトデザインの補色を探すのに、どのサイトをお勧めしますか? 16 進値または RGB 値を入力して、カラー ホイールに補色を出力させることも有益です。

最も人気のある：

• クラー

アルファベット順のその他:

• 4096 カラーホイール
• Allprofitallfree - color-wheel2
• カラー ホイール v1.2 Javascript カラー スキーム ジェネレーター
• カラーブレンダー
• コロテート
• Colorsontheweb - カラーホイール
• カラースキームデザイナー
• カラーズシェイマー
• カラーラバーズ
• 色
• hslpicker
• Visibone - カラーラボ

サイトを構築するとき、Paint.NET でグラフィック デザイン (開発者スタイル) を少し行う傾向がありますが、異なるマシンのすべてのブラウザーですべての色が適切に表示されることをどのように確認すればよいでしょうか? 一般的にどの色深度をコード化しますか? 16bit 256色 など

私はcssの基本的な知識しか持っていません.あるスタイルから別のスタイルにプロパティを継承することは可能ですか. たとえば、デフォルトのパラグラフ タグ設定で指定されたフォント サイズをハイパーリンク タグに継承できます。

これを行う理由は、複数のスタイルを維持しやすくするためです。

私が試してみました

と

無駄に。ディスクのみが表示されます。個々のリスト項目に独自の箇条書きを付けたい場合、背景画像を使用せずに css でこれを達成するにはどうすればよいですか。

編集: firebug が教えてくれたことにもかかわらず、 list-style-image ルールが何らかの形でオーバーライドされていることを発見しました。ルールをインライン化すると、次のようになります。

その後、すべてが順調です。実行中のテスト ケースには、セレクターに ul または li を含む他のルールがないため、インライン化によって異なる結果が得られる理由がわかりません。

領域を持ついくつかの Web フォームを作成しています。

フィールドセットは、フォームをセクション化するための実行可能なオプションですか?

スタイルが似ているdivを使用する必要がありますか?

絶対配置やテーブルを使用せずに、CSS を使用してラベル/値のペアを中央に揃えたいと思います (スクリーン ショットを参照)。そのスクリーン ショットでは、絶対値 (つまり、$4,500/週) を配置し、それに対してラベルを浮かせました。しかし、absolute は IE ではうまく機能せず、良いテクニックではないと聞いています。

しかし、ラベルがすべて絶対値なしで正当化されている場合、どうすればこの効果を達成できますか?

代替テキスト http://www.amherstparents.org/files/shot.jpg

私はウェブページに取り組んできました。実際に画像を使ってデザインし、表ではなく適切な CSS レイアウトを使用しようとしたのはこれが初めてです。

http://www.roccocammisola.com/proj/brunel/bgimage.html

メイン コンテンツ エリアの両側の影に問題がありました。もちろん、これらは IE だけの問題です。ご覧のとおり、影は実際の高さの約 10% にカットされています。

私の経験が比較的浅いため、この問題に関連する修正をどのように探すのですか。

どんな助けでも大歓迎です。