- ベストアンサー
スタイルシートの入れ方教えてください
- 初心者向けのスタイルシートの入れ方を教えてください
- スタイルシートをHTML文のどこに入れれば良いですか?
- スタイルシートの適用場所について教えてください
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
そもそも記述が間違っていますね。 正しくは <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>test</title> <style type="text/css"> <!-- table { border-collapse: collapse; } td { border: solid 1px; padding: 0.5em; } --> </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をおすすめします。
その他の回答 (3)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
スタイルを記述する場所は a)要素のstyle属性に記述する b)HTMLの<head></head>内に記述する HTML5ではscoped属性を用いてフローコンテンツ内にも書ける。 c)外部スタイルシート @importする場合も の3箇所です。 <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では、要素名、属性は必ず小文字です。
お礼
どうもありがとうございました。
- torayoshi
- ベストアンサー率62% (910/1449)
私はあまり気にしたことはないですが、ブラウザは上から順に読んで行くと思うので、 重要度の高い各metaタグの下ではないですか? 質問文には省略されてますが、文字コード宣言は<head>の一番上(<title>の上に)
お礼
どうもありがとうございました。
- torayoshi
- ベストアンサー率62% (910/1449)
<head>~</head>間です。
お礼
早速のご回答ありがとうございました。 <head>~</head>の間に入れる事はわかりました。 その際、 <TITLE>test</TITLE>の上ですか?下ですか?
お礼
どうもありがとうございました。