-PR-
締切済み

HTMLのスタイルシートってなんですか?

  • 暇なときにでも
  • 質問No.5731
  • 閲覧数41
  • ありがとう数2
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 3% (22/569)

HTMLのスタイルシートってなんですか?
どういったHPでその例をみることができるのでしょうか?
通報する
  • 回答数2
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全2件)

  • 回答No.1
レベル12

ベストアンサー率 43% (235/542)

素人の回答なのでわかる範囲で恐縮ですが・・・  スタイルシートとは主にボディ部分の構成要素(見出し・段落・表・画像)をどのように表示させるかを指定する言語です。従来構成要素の指定もHTMLで行ってきたのですが、現在HTMLでは文書の構造のみを表し、見栄えやレイアウトなどの表示に関する指定はスタイルシートで行うことが推奨されているようです。スタイルシートの導入は、多くの商品情報を扱うような大規模なサイ ...続きを読む
素人の回答なのでわかる範囲で恐縮ですが・・・

 スタイルシートとは主にボディ部分の構成要素(見出し・段落・表・画像)をどのように表示させるかを指定する言語です。従来構成要素の指定もHTMLで行ってきたのですが、現在HTMLでは文書の構造のみを表し、見栄えやレイアウトなどの表示に関する指定はスタイルシートで行うことが推奨されているようです。スタイルシートの導入は、多くの商品情報を扱うような大規模なサイトになればなるほど効果的と言えます。一般に大規模なサイトの場合、個々のページの統一感が重要になります。また、いろんなタグが複雑に埋め込まれたページが大量に蓄積されると、全体のページのデザインを後から揃えたり変更するのが大変です。

 具体的には、スタイルシートを利用すると、スタイル(見た目)と文章構造を分離できます。つまり、テキストには「タイトル」などの属性をつけておき、スタイルを記述したファイルに「タイトル」に対応するスタイル(テキストの色とか大きさとか)を書いておく。で、HTML本体では、そのスタイルを参照するように設定する。このようにしてページを作っておけば、デザインを変更したい場合でもスタイルの書かれているファイルだけを変更すると、サイト全体のHTMLのスタイルを変えられる仕組みです。

 ただし、ブラウザーの種類やバージョンによって、サポートの進捗状況が違う、という問題があります。
Netscape NavigatorとInternet Explorerとでは表示が違ってしまうこともあるようです。
関連するQ&A


  • 回答No.2
レベル13

ベストアンサー率 26% (511/1924)

マイクロソフトのワードってワープロソフト使ったこと ありますか?他のワープロソフトでも同じ機能があるの かもしれませんけど、私はワード以外はよくわからんの でワードで説明します。 ワードに「スタイル」という機能があるのはご存知です か?フォント名、サイズ、色、文字送り、下線・・・ その他諸々の設定をまとめて名前をつけて保存しておけ るんですね。 ナニが良いかというと、例えば見出しにゴシ ...続きを読む
マイクロソフトのワードってワープロソフト使ったこと
ありますか?他のワープロソフトでも同じ機能があるの
かもしれませんけど、私はワード以外はよくわからんの
でワードで説明します。

ワードに「スタイル」という機能があるのはご存知です
か?フォント名、サイズ、色、文字送り、下線・・・
その他諸々の設定をまとめて名前をつけて保存しておけ
るんですね。
ナニが良いかというと、例えば見出しにゴシックでちょっと
大き目の字にして、センタリングして なんてのを見出
しになるたびに毎回設定していると、間違えたり、後で
まとめて見出しの文字を明朝にしようなんて思ったとき
にそれはそれは面倒な作業が待っているわけです。
スタイルを使って、見出しはこんなふうですって決めて
おいて、見出し部分にそのスタイルを設定しておけば、
あとでスタイルの設定だけ変えると全部の見出しが一度
に変更できます。
更に別の文章にそのスタイルをコピーすれば、同じスタ
イルが使えるようになるわけです。

で、HTMLでも同じような機能を持たせようとしたのが、
スタイルシートと呼ばれる機能です。
このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
-PR-
-PR-
あなたが体験したトラブルや解決方法を共有しませんか?
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


新大学生・新社会人のパソコンの悩みを解決!

いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ