• 締切済み

スタイルシートで・・・

今度、改めてTOPを作りなおそうと思っているのですがその時これをしたら見栄えがよくなる、これは使った方がいい!!というスタイルシートはありますか?? よろしくお願いします

みんなの回答

回答No.2

スタイルシートのメリットは記述を変更すればそのスタイルを適用した部分(クラスやID)が一気に変えられることですよね。 私の場合はBODYの指定で背景カラー・基本フォント・リンクカラーを設定しています。あとはTDにクラス指定をしてテーブル内のフォントをBODYと同じにしています。 あとはテーブルの枠線ですね。 ページごとに設定すると面倒なので基本的には外部スタイルシートを読み込む形がいいですね。そうでないとスタイルシートのメリットが生かせなくなることがありますので。

全文を見る
すると、全ての回答が全文表示されます。
  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

これがってお奨めではないですが、 要素ごとに細かく分けておくと後々デザイン変更の際かなり楽です。 お奨めとしては、 背景色とボーダーにも色を付け、ブロック要素を立体的に見せることくらいかな。 JavaScriptと併用するなら、表示させたり隠したりってのもできますね。 リンクの下線を消しておき、マウスが重なったら表示や、よく使われてますが、 これないと不便だったりしますね。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • スタイルシートについて

    スタイルシートについてお尋ねしたいのですが・・・。 下記のようにしてスタイルシートを使用したいのです。 ↓ <table style="position:absolute;top:140;left:170"> スタイルシートはIEのバージョンによって、使えたり使えなかったりするのでしょうか? 私が使用しているIEのバージョンがIE5.5で、同じプログラムをIE6.0で 動作させるとstyleが効いていたり効いていなかったりするのです。 何かわかる方がいらっしゃれば、ご指導ください。

    • ベストアンサー
    • HTML
  • スタイルシートのサンプル

    スタイルシート(.cssファイル)のサンプルが沢山あるWEBサイトはないでしょうか?海外のサイトでも良いのですが。 私は、<H1>, <H2>, ... ,<LI>, <UL> などを普通に使って文の構造を作っています。標準のHTMLだといまいち見栄えが良くないので、スタイルシートで一気に見栄えを変えようと思っています。 文法を理解することはできるのですが、自分で一からデザインするのは骨が折れます。というわけで、なにかいいサンプルが沢山あるところがないかな、と思ったわけです。 以上、よろしくおねがいします。

    • ベストアンサー
    • HTML
  • スタイルシートでかけるものはスタイルシートを使った

    非推奨タグでなくても、スタイルシートでかけるものはスタイルシートを使ったほうが良い? htmlでサイトを作ってるのですが、スタイルシートを使うべきかhtmlで書くべきか、 どちらでもかける場合があります。 その際どちらを使ったほうがいいのでしょうか?

    • ベストアンサー
    • HTML
  • スタイルシートを簡単に説明しているページ

    スタイルシートを使って、HPの見栄えをよくしようとしているのですが、 なかなかうまくいかずに困っています。 特に、FORMでINPUTやTEXTAREAなどの枠をなくしたりしたいのですが...。 どなたか、スタイルシートを分かりやすく説明しているページはありませんか? 詳しく載っていてサンプルページがあるとなおいいのですが...。

  • スタイルシートやフレームなど使いますか?

    現在、ホームページビルダーにて作成しています。 スタイルシートやフレームページなどは、ブラウザによっては対応していないことがあるとのことで、 現在、どちらも使用はしていません。 自分はそれで良いと思うのですが、 一般的なブラウザでは、まず見られるし、 あまり制限すると、せっかくの新しい機能が使えないと言うことにもなります。 フレームに関しては、使わないと言う人が多いようですが、 スタイルシートに関しては、そうでもなさそうなんですが、 このあたりの理由は何でしょうか? スタイルシート未対応でも見られると思いますが、 見栄えが崩れる場合がありますよね。 今後の参考にお願いします。

  • スタイルシート filter

    #title{ background:url('img') no-repeat left top; } として、画面上に画像をひとつ表示させています。 そして、背景色を変えてみようと思いました。 画像に白い色を使ってあるところがあるのですが、 その白い色も、背景色に変えた方が見栄えが良さそうです。 そこで調べたら、 特定の色(白)を透過させるfilterというものがあると分かりました。 例では、<img src="img" style=filter: chroma(color=#ffffff);> となっています。 これを、スタイルシートで出来ないものでしょうか。 ためしに、 background-color: #****; background:url('img') no-repeat left top; filter: chroma(color=#ffffff); としてみましたが、変化ありませんでした。。 どこが違うのでしょうか。 透過処理してしまったほうが良いのでしょうか。 やり方が分からない&ペイントしかないのでfilterでの方法をお聞きしました よろしくお願いします。

    • ベストアンサー
    • HTML
  • スタイルシートについて

    HPの画面にテーブルを3つ配置することを考えています。 (1)(3) ←数字がそれぞれテーブルの位置関係を示ています (2)(3)   ((3)は一つのテーブルです。) 最初は(1)(3)のテーブルを横につなげることを考えましたが (1)(3)の縦の長さが違うデザインのためできませんでした。 横につなげると、テーブルの縦の長さが長いほうに そろってしまうのです。 そこでスタイルシートを使用すればできるのではないかと 思い、(3)をmarginでTOPを10ptにしたのですが そうすると(2)のテーブルの真下にきてしまいました。 スタイルシートを使用してもしなくてもいいので 方法を教えて下さい。よろしくお願い致します。

    • ベストアンサー
    • HTML
  • スタイルシートのドットが#になっている

    スタイルシートの応用がちょっとできる程度の、 スタイルシート素人ですが、会社の今あるデータを変えなくてはならなくなりました。 通常、クラスを指定するのに「.top」などという風に、ドットからはじめると思うのですが、会社の今あるデータは、そこが#になっています。これはいったいなんなのでしょうか?ドットとは違うのでしょうか? お分かりの方よろしくおねがいします。

    • ベストアンサー
    • HTML
  • スタイルシートについて。

    スタイルシートを設定するのはいいのですが、複数のスタイルシートを同時に設定するやり方が分かりません。 片方のスタイルシートを、インターネットオプション→全般タブ→ユーザー補助→参照→スタイルシートを指定→OK、これで適用します。 これと同じ作業をもう一度して、もう片方のスタイルシートも設定する。 するとその前に設定していたスタイルシートが適用されず、もとに戻ってしまいます。 これは私だけなのでしょうか? それかやはり他にスタイルシートを複数適用させるやり方があるのでしょうか? やり方の分かる方、回答の方をお願いしたく思います。よろしくお願いします。

  • 外部スタイルシートをブロックによって使い分ける方法?

    htmlとstylesheetの初心者です。スタイルシートの書き方について教えてください。 例えば <div class="style1"> <!-- または <div id="style1"> --> ここでは外部スタイルシート style1.cssを使用 </div> ここではデフォルトのスタイルシートを使用 <div class="style2"> <!-- または <div id="style2"> --> ここでは外部スタイルシート style2.cssを使用 </div> のようなことをしてブロックごとに外部スタイルシートを使い分けるようなことができるのでしょうか?もしできるようならその方法をご教示ください。 style1.cssとstyle2.cssでブロックごとの見栄えを変えたいのですが・・よろしくお願いします。

    • ベストアンサー
    • HTML