No.1
- 回答日時:
私が使っているのは「スタイルシートサンプルブック」という本です。
ISBN4-88337-405-X 1900円(税別)
全ページカラーでブラウザごとの特徴とサンプルコードも掲載されていますので、比較的理解しやすいですよ。
参考URLにアマゾンへのリンクを貼っておきます。
====================================
スタイルシートは、いろいろなものにクラス付けできるので実際に使い出すとおもしろいですよ。
画像にクラス付けしたり、テーブルにクラスつけてみたり。。。
いろいろやってみると楽しいですよ。
参考URL:http://www.amazon.co.jp/exec/obidos/ASIN/4883374 …
ありがとうございます。本屋で探してみようと思います。
検索してみたら初心者向けの評判の良い本ですね。勉強になりそうです。
その本にはclassやidの使用法等ではなく。CSSを使用したページレイアウトについて書かれていますでしょうか?
ちなみに、以下のサイトのような事をしたいと思っています。
今までずっとtableを使用したゴテゴテのサイトしか作った事がなかったので、これを期にCSSに切り替えてみようと思いました。
http://www.geocities.co.jp/SiliconValley/4466/
No.2
- 回答日時:
私も以前は質問者様と同じような状態でした。
とりあえず「スタイルシート スタンダード・デザインガイド(毎日コミュニケーションズ)」本を一冊買って、見よう見まねで1ページ作ってみたら大まかな構成は理解できました。(参考URLにアマゾンのURLを貼っておきます)
この本は、CSSの考え方から順番に説明してくれているので理解しやすかったです。ですが、実際に業務でCSS組みを始めると、ブラウザによってバグがボロボロ出てきます。
もう一つ、参考URLに貼ったサイトはバグ回避のコツや裏技などが載っていますので役に立ちました。
ちなみに、CSS組みのデバッグはFirefoxで行うと良いですよ。CSSの解釈に関しては一番標準規格に沿っています。
参考URL:http://www.amazon.co.jp/exec/obidos/ASIN/4839915 …
No.3ベストアンサー
- 回答日時:
No.4
- 回答日時:
tableのような段組(テーブルレイアウト)をCSSで代替する場合は、一般的にfloatを使います。
floatの説明は下のサイトが参考になります。
http://www.motchie.com/article/multicolumn.html
http://members.jcom.home.ne.jp/pctips/www/faq/Da …
http://dhr.at.infoseek.co.jp/simple_style21.htm# …
補足ですが
HTML+CSSのみでページを構成する場合、XHTMLの記述方法・構成が参考になると思います。
http://www.tg.rim.or.jp/~hexane/ach/lbxh/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- Web・クリエイティブ 独学でwebデザイナーを目指すには 2 2022/09/17 16:27
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
HTML tableのセルにtextareaを...
-
同じ幅指定のつもりなのに、ブ...
-
HTML5で、テーブル内tdタグの高...
-
tableのcellpadding="0" cellsp...
-
table表を横に並べる際の間隔指定
-
テーブルが二重で表示されてし...
-
親要素のwidthは子要素のwidth...
-
TR タグの表示・非表示を一括で...
-
背景色付きのマーキーみたいに
-
latex使い方
-
正規表現で「より前」と「より後」
-
tableタグの枠線について
-
HTMLでテーブルをfloatで中央配...
-
tableを縦に続けるとtable間の...
-
table 幅固定で、端までいった...
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
HTML tableのセルにtextareaを...
-
テーブルデータを折り返して表...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
正規表現で「より前」と「より後」
-
スタイルシートで左側だけ色を...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
HTMLのテーブルをExcelにCopy&P...
-
html5のテーブル内でdivのタブ...
-
スタイルの無効化
おすすめ情報