0

こんにちは。ご協力ありがとうございます。

私は CSS にかなり慣れていないので、可能な限り最速の方法で構築および学習を開始するための適切な情報を得たいと考えています。私はすでにいくつかの CSS テストを自分で行っています。質問のとおりです。

これは相対的なcssコードです（少し長いのでペーストビンに置きました） CSSコード

コードでわかるように、画像に表示されている 2 つのテーブルには背景があり、手動でサイズを設定する必要がありました

width:100px;
height:120px;

td.menuleft および td.menucenter クラスで。

1° 質問

セルのサイズを自動的に変更するにはどうすればよいですか?

たとえば、私は言いたい：

テーブルタグの幅をページ幅の 100% にしてから、テーブル幅の特定の割合であるセルテーブルのクラスを作成させてください。

例

私の作品の写真と、どのように作りたいか

このようにして、表をタグで構成し、ページを自動的に埋めることが簡単になります。ポジショニング（相対、絶対）について何かを見たことがありますが、うまく機能させることができませんでした。

2° 質問

一般的に、CSS を使用して Web ページを構成する最良の方法は何ですか? 私が言ったように、内部にテーブルを配置し、すべての要素をテーブルのような方法で配置する div を実行しても問題ありませんか?

または、特定のテンプレートを実行するための手順を教えてもらえますか?

みんなありがとう。

4

2 に答える 2

0

検索エンジンによっても価値があると見なされる優れた効果的なデザインを作成する方法を学びたい場合は、レイアウトにテーブルを使用しないでください。テーブルは、レイアウトではなく、テーブルデータを表示するためにあります。代わりにdivを使用して、位置、表示、フロートについて読み始めます。

それがあなたが行きたい方法です

于 2012-08-07T19:26:42.023 に答える
0

tds を特定のパーセンテージ幅に設定すると、それらは親のパーセンテージになります。それで：

table {
    width: 100px;
}

tr {
    width: 100% /* Will be 100px */
}

td.quarter {
    width: 25%; /* Will be 25px */
}

td.half {
    width: 50%; /* Will be 50px */
}

また、前のポスターに同意します。レイアウトにテーブルを使用しないでください。あなたがここでそれをしているわけではありません。ただし、レイアウトについては、div などに固執します。

于 2012-08-07T19:33:08.703 に答える