- ベストアンサー
外部スタイルシートについて・・・
外部スタイルシートを書きたいのですが、 まだ良くわかってない点があるので教えてくださると嬉しいんですが・・・（ＴＴ） 今はＨＴＭＬのヘッダ内に書いております。 <style TYPE="text/css"> </style> Ｑ１，上の部分は外部スタイルシートにすると、いらないのでしょうか？ Ｑ２，下の部分は外部スタイルシートにしてもスタイルシート内に、書く事ができますか？書くと不具合の原因になるのでしょうか？ <!-- //忘れてしまうので、ここにコメント書きたいです。 できれば、スタイルシートを表示できない？ブラウザの人へ配慮したいと思うので、 <!-- は、あった方が自分が忘れなくていいかと思うのですが・・・。 Ｑ３，ブラウザによって変になる、例えばとっても古いバージョンのネスケなどでも表示できるといいのですが 下記で問題あるのでしょうか？ もし良かったら下の内容をこうした方がいいという アドバイスがあると嬉しいです。 質問の仕方が良くないかもしれませんが教えて下さい（ＴＴ） <style TYPE="text/css"> <!-- //忘れてしまうので、ここにコメント書きたいです。 a:link {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:visited {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:active {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:hover {font-size: 11pt; text-decoration:underline; color:#FF9966;} td {font-size: 11pt;} span {font-size: 11pt;} BODY {font-size: 11pt; } LI {font-size: 11pt;} --> </style>
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (4)
- peron
- ベストアンサー率45% (43/95)
＃１です 補足させて頂きます ＃３様のご指摘通り H1 { margin: 0.5em } /* em */ という形でコメント出来ます ただ、Ｗ３Ｃの勧告書では、ＣＳＳ内で、解析出来ない行は、無視するという事でご質問の//を別にいいかな？と （というか あくまで慣例であり、こうしなければならないという規定を勧告書はしていないので 実際スクリプトでは、//も使います） それと 実験的に//コメントを実装してみましたが、何の問題も起きませんでしたので 混乱させて申し訳ございませんた
お礼
ＵＲＬ参考にさせていただこうと思い、今から少し 読んで勉強したいと思います。 丁寧にご指導いただきありがとうございます。 //コメントの件、お知らせをありがとうございます。 私もお手数かけてしまって質問の仕方も悪かったと思います。本当にありがとうございます。 実験的にコメントを実装までしてくださってありがとう！
- kyu0001
- ベストアンサー率14% (1/7)
Q1.については、peronさんのおしゃるとおりでいいとおもいます。 Q2.についてですが、スタイルシート内でコメントは /*コメント*/ のようにスラッシュ,アスタリスク,コメント,アスタリスク,スラッシュの順番に書きます。これは、複数行でも使えます。例えば次のように。 /* コメント コメント コメント */ Q3.について、とっても古いブラウザーではスタイルシートそのものを認識しなかったり、怪しい動作をするものがあります。lan_lanさんの示されたソースでは、問題ないかと。直したほうがいいのは、フォントサイズを11ptに固定していることですね。これだと見る側でフォントサイズを調整できないので、ちょっと困ります。mediumかsmallをお勧めします。 もし、これからもサイト制作をしていくのであれば手前味噌で申し訳ないですが、サイト制作に役立つリンクを集めたブックマークもありますのでご利用ください。http://www.seirei.ath.cx/zan/useful_link/
お礼
すいません。お礼を書こうと思ったら、間違えて 補足で書いてしまいました。大変失礼してしまい申し訳ないです。すいません（ＴＴ）
補足
とても適切なアドバイスをいただけありがとうございました。 mediumかsmallをお勧めくださったので、私も見る側で フォントサイズ調整ができないより、調整できる方がいいのかな？とも思い同感です。 mediumかsmallについて調べてみようかと思います。 ＵＲＬもお知らせありがとうございました。 とても適切なアドバイスでした。本当にありがとうございました。
- steelgreen
- ベストアンサー率50% (50/100)
補足します。 CSSのコメントアウトは<!-- -->ではなく /* */で挟みます。 例： /* コメントアウト*/ htmlのhead内にCSSを書いてしまうと外部CSSよりhead内のCSSを優先して表示します。
お礼
教えてくださってありがとうございます。 /**/これで囲む事を知らなかったので大変勉強になりました。 ありがとうございました。
- peron
- ベストアンサー率45% (43/95)
ＣＳＳというフォルダに○○というＣＳＳがあるとします 本文の<HEAD>に下記のように書きます <LINK REL=STYLESHEET HREF="css/○○.css" TYPE="text/css"> メモ帳なんかで //忘れてしまうので、ここにコメント書きたいです。 a:link {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:visited {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:active {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:hover {font-size: 11pt; text-decoration:underline; color:#FF9966;} td {font-size: 11pt;} span {font-size: 11pt;} BODY {font-size: 11pt; } LI {font-size: 11pt;} と書き ○○.cssとして保存します（CSSは拡張子です） Ｑ１ 代わりに<LINK REL=～ を書きます Ｑ２ コメントは書けます <!-- ＆ -->は必要ないです Ｑ３ ＮＮ３以下はＣＳＳに対応してません 又 ＩＥ３もです（ＣＳＳの意味が理解出来ないブラウザです） ですから、そのようなブラウザで見たらＣＳＳのない状態として表示されます と こんなところですが、ＣＳＳを読み込めないようにしている方とか、ＣＳＳの解釈の違うブラウザがありますので、本文では、最低限の情報が判り、ＣＳＳでデザインする（あまりシビアにしないで）という考え方でされた方が良いと思います
お礼
とても丁寧でわかりやすくお知らせをしていただき ありがとうございました。
お礼
提案と含めとてもわかりやすく回答いただき 初心者の私でもとても嬉しい回答でした。 ありがとうございました。