ウェブデザインの「幅」をハードコーディングすることはできますか？

Question

これはWebDesignで初めての経験ですが、テキストボックス、ラベルなどのフォームをdesignignしています。質問があります：これらのコントロールのハードコードされた幅を設定するのはいいですか？あるいは、DIVやDIVSのパーセンテージなど、他のテクニックを使用する必要がありますか？

Answer 1

可能であれば、外部CSSファイルを使用する必要があります。私がこれまで見てきた唯一の例外は、要素が変更されたときにインラインスタイルを設定するためです（これは例外ではありません）。それだけ、すぐにあなたがその同じスタイルを必要とする他の要素を持っているとして役に立たない、それをレンダリング、その要素に影響を与え

• ので

  インラインスタイルは眉をひそめています。

• すべてのインラインで変更を加えるためには、すべてのファイルに触れなければならないため、コードの管理が非常に難しくなります。
• カスケードスタイルシート（インラインスタイルは常に非インラインスタイルより優先度が高い）のカスケード部分の目的を破るため、外部スタイルを変更しようとすると予期しない結果につながる可能性があります。
• width=100pxのようなものは、ほとんどの要素で廃止されているか、少なくともW3Cによって推奨されていません。
• プレゼンテーションとコンテンツの分離に違反します。
• これはDRYの原則に違反する多くの複製につながります。

Answer 2

これは、一般的に、これらの日ひんしゅくを買うが、あなたのレイアウトはそれを呼び出す場合、人々は

などの自動サイズ変更列に「液体」または「流体」ではありません任意のレイアウトに軽蔑を注ぐために迅速あるさ（グリッド、テーブルなど）、固定幅は完全に受け入れられます。CSSファイルでできるだけ多くのスタイリングを行うようにしてください。インラインで行うよりも維持管理が簡単です。

Answer 3

レイアウトを変更する必要がある場合は、あとでもう一度作業してください。このルールの例外の1つは、ユーザーインターフェイスの一部として使用されていない画像です。なぜなら、いずれもサイズが異なる傾向があるからです。

Answer 4

スタイルを更新するためにHTMLを編集する必要がないように、常に任意のディメンションを設定するCSS。

HTML：

<div class="my_class">Stuff</div> 

<div id="my_id">More Stuff</div> 

CSS：

.my_class { width:150px; } 
#my_id { width:125px; } 

Answer 5

この質問は明確必要があり、あなたはそれらの寸法の定義はどちらのスタイルであること、むしろ割合よりも固定ピクセル寸法を使用して意味するものではありません。シートまたはコード？

このようにすると、幅と高さの寸法がストーンでキャストされたハードなものがたくさんあります。しかし、これらのページは、眼球が6フィート離れたワイドスクリーンテレビや眼球のサイズがインチインチの携帯電話でも使えるようになっています。私のアドバイスは、あなたのフォームの使い勝手に集中し、「フォローアップ機能」を持たせることです。