【最大10000ポイント】当たる!!質問投稿キャンペーン!

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta name="robots" content="noindex,nofollow,noarchive" />
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
.r {
color : #407133;}
.t {
color : #454580;}
p {
color : #222222;}
body {
background-color:#e0ffe0;}
a:link {
color : #0000ff;}
a:visited {
color : #003333;}
a:hover {
color : #660000;}
a:active {
color:#660066;}


1.改行に何か意味はあるのでしょうか?
2.記述の順番や付け足し、削除すべき項目がありましたら、お願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

1について。



改行は、コンピュータにとっては意味がありません。
しかし人間にとっては意味があります。
項目毎に分離して並べる事で読みやすくするのが目的です。
もっとたくさんの項目について書くようになったとき、改行の恩恵にあずかるでしょう。


2について。

記述の順番も、このケースは問題ありません。

一点注意としては、
同じタグの同じ項目について2回記述をしてしまうと、
後の方だけ有効になります。
CSSがとても伸びてきた場合に注意しても良いかもしれません。

a:link {
color : #0000ff; /* こちらは無効 */
}
(中略)
a:link {
color : #ff00ff; /* こちらだけ有効になる */
}


追加すべき項目ですが、
一番最後に</style>という閉じ括弧が必要です。
単なるコピペ忘れでしたら済みません。念のため。


削除すべき項目もありません。

実際のところ、1つのセレクタ(タグの事と思ってもらって結構です)に
ひとつだけプロパティ(項目)を設定する場合、
セミコロン「;」は無くても大丈夫です。
body {
color:#ffffff /* セミコロンが無いけれど大丈夫 */
}

しかし、セミコロンを付けるのはとても良い習慣です。

複数のCSSを設定する場合はセミコロンが必須ですし。
body {
color:#ffffff; /* 次の「background-color」との仕切りとしてセミコロンが必須 */
background-color:#000000;
}

参考になりましたでしょうか。
    • good
    • 0
この回答へのお礼

ありがとうございます!

</style>につきましては御明察です(コピペし忘れです)

「人間が読みやすくするため」なんですか!?
CSS初心者の私は改行があると分かりにくい項目もあります。その部分のみ改行を削除します。

分かりやすい説明をありがとうございます。

お礼日時:2010/11/28 00:46

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング