スタイルシートの入れ方教えてください

2012/12/20 21:06

このQ&Aのポイント

初心者向けのスタイルシートの入れ方を教えてください
スタイルシートをHTML文のどこに入れれば良いですか？
スタイルシートの適用場所について教えてください

AHWPYIGAWF
お礼率100% (43/43)

HTML
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

too_bad
ベストアンサー率53% (70/130)

2012/12/20 23:15 回答No.3

そもそも記述が間違っていますね。正しくは <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>test</title> <style type="text/css">  </style> </head> <body> </body> </html> または CSS部分(メモ帳にstyle.cssとして保存するものと仮定) table { border-collapse: collapse; } td { border: solid 1px; padding: 0.5em; } HTML部分 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> </body> </html> CSSファイルをcssというディレクトリ内に保存した場合 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> </body> </html> となります。ゆくゆくのことを考えれば、外部CSSをおすすめします。

質問者

お礼 2012/12/25 23:43

どうもありがとうございました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

ORUKA1951
ベストアンサー率45% (5062/11036)

2012/12/21 00:39 回答No.4

スタイルを記述する場所は a)要素のstyle属性に記述する b)HTMLの<head></head>内に記述する　HTML5ではscoped属性を用いてフローコンテンツ内にも書ける。 c)外部スタイルシート　@importする場合もの３箇所です。 <head></head>内のどこに書いても良いです。どのスタイルシートが適用されるかは、出所・ブラウザの持つスタイルシート・著者指定のスタイルシート・ユーザー指定のスタイルシートおよび最重要宣言　ユーザーの最重要宣言されたスタイル＞著者の最重要宣言されたスタイル＞著者のスタイル＞ユーザーのスタイル＞ブラウザのスタイル　でどれを優先するか決まります。　その上で、HTMLの要素に適用されうる指定を探しますが、それを見つけると詳細度でソートしもっとも詳細度が高いものが指定されます。同じ詳細度があれば登場順に上書きされます。style属性にかかれたものは、他の指定の詳細度をゼロとして、その指定の詳細度を1,0,0,0として適用されます。詳しくは 5. セレクタ ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/selector.html ) 6. 値の割り当て、カスケード処理、継承 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cascade.html ) 　にあります。(この邦訳はCSS2のもので、現在Web標準のCSS2.1のものではありませんが、詳細度の計算を除き大きな違いはないでしょう。) ★これは以降のプロパティの説明より前に書かれていることから解るように、カスケーディングスタイルシートの根幹にもなる重要な部分です。 table {border-collapse: collapse;} 　なんかより、先にしっかり身につけておかないとなりません。そうしないと無駄で煩雑でメンテナンス不能なスタイルシートを書いてしまう羽目になります。なお、細かいですが「html文に」じゃなくてHTML(頭文字による略語ですから大文字)です。また、<body>のように小文字で書くほうが何かと良いでしょう。HTML構文ではどちらも使えますが、XHTMLでは、要素名、属性は必ず小文字です。

質問者