• 締切済み

リンキングCSSについて

noname#21343の回答

noname#21343
noname#21343
回答No.3

 こんにちは。先のお二方への補足を読んで、ご質問の意味が分かったような気がしましたので、ご説明します。  <h1> とか <h2> の <h> は、header (ヘッダー)、つまり「見出し」を意味しています。数字が大きいほど、表示される文字のサイズも大きくなってしまいます。  普通の文章部分にスタイルシートを使用したいときは、<p> タグを使います。paragraph (パラグラフ)、つまり「段落」の事です。  で、「複数記述」、ってのは、例えば同じ <p> タグでも、場所によって文字の色を変えたい、ってことですよね?この場合は、<class> を指定すればOKです。  例えば、最初の段落は #cc0000 で、次の段落は #00cc00 にしたいときは、css の記述を p.danraku_1{color:#cc0000;} p.danraku_2{color:#00cc00;} ――としておいて、  html ファイルのほうでは、 <p class="danraku_1">この部分の文字色は #cc0000</p> <p class="danraku_2">この部分の文字色は #00cc00</p>  ――としてあげる、ってことです。  もちろん、<h> タグでもOKです。例えば見出し部分に <h2> タグを使って、それぞれの見出しの色を変えたい時には h2.midashi_1{color:#cc0000;} h2.midashi_2{color:#00cc00;} ――として、 <h2 class="midashi_1">この見出しの色は #cc0000</h2> <h2 class="midashi_2">この見出しの色は #00cc00</h2>  ――って感じですね。  多分これでうまくいくと思うんですが。もしダメだったら、補足してください。分かる範囲で、お力になれればと思います。  長くなってしまいましたが、参考になれば幸いです。

nokishita55
質問者

補足

ありがとうございました。解決しました~m(_ _)m もうひとつ質問があるんですが、良いでしょうか? 同じくリンキングCSSでリンクの色を未訪問、訪問済み等の変更がしたいのですが、 方法がわかりません・・・ よろしければ、解答お願い致します。m(_ _)m

関連するQ&A

  • htmlとcssがリンクしません

    htmlを独学で学んでいます。いま、cssを作ってhtmlとリンクさせようとしているのですが、できません。もうひとつ他に簡単なhtmlをかいて、そこに簡単なcssをリンクさせようとしたのですがそれでもうまくいきません。以下がぼくが作った簡単なhtmlとcssです。 【html】 <!DOCTYPE html> <html> <head> <meta charset=“utf-8”> <title> aaa </title> <link ret=“stylesheet” href=“style3.css”> </head> <body> <h1> 壁 </h1> <p> htmlとcssがうまくリンクしなくてこまっている。 </p> </body> </html> 【css】 h1{color: #ff0000;} h1のところを赤い文字にしたいのですがブラウザで開いても黒文字のままです。 なにか原因が分かる方はご指摘お願いします。

    • ベストアンサー
    • HTML
  • なぜ文字がでかくなってしまうのでしょうか?

    http://masaboo.cside.com/new_css1/cs_11.htmを見てるのですが ************************************** <HTML> <HEAD> <TITLE>サンプル</TITLE> <STYLE type="text/css"> <!-- H1 { color:red; } P { color:green; } --> </STYLE> </HEAD> <BODY> <H1>レベル1の見出しは赤色です。</H1> <P>段落は、緑色です。</P> </BODY> </HTML> ************************************** のサンプルの意味がよくわからないのですが、 なぜ、 H1 { color:red; } を宣言するだけで、文字がでかくなってしまうのでしょうか? フォントサイズに関する記述がないのに、 赤文字が大きくなる理由を教えてください。

    • ベストアンサー
    • HTML
  • CSSでページ毎に見出し画像を変更したい

    こんにちは。 今CSSの勉強をしながらサイトを作っています。 まだまだ基本知識くらいしかなく応用出来ず困っています。 各ページのタイトル(見出し<h●>)を背景画像に設定して表示していますが、タイトルがページ毎に違うため1ページ毎にCSSを作っています。各ページの見出し画像を一つのCSSまとめて記述する方法はないでしょうか? よろしくお願い致します。

  • cssが読み込まれません。

    VScodeでhtmlの練習を始めましたが、どうやってもcssが読み込まれません。同じフォルダ内に保存してます。名前間違いもないです。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>方法1</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>方法1:外部のCSSファイルを読み込む</p> </body> </html> CSS @charset "UTF-8"; p { color: blue; }

    • ベストアンサー
    • HTML
  • HTML、CSSに関して

    HTMLの初心者です。いくつかご質問させていただきます。 ①段落と段落の間に行間を空けたい場合、必ずCSSを使わなければなりませんか?行間を空けたい場合、HTMLの本文中で段落と段落の間に行間を空けて記述するのは間違っていますか?例えば以下のような例文です。 〈p〉ここでは私が旅先で撮影した写真を掲載しています。日本列島津々浦々、特に温泉巡り、行く先々の海の幸、山の幸には目がありません。〈/p〉 〈p〉それでは当サイトをお楽しみください。〈/p〉 このようなHTMLでもブラウザ表示は行間が空いて表示されると思うのですが。 ②CSSの書式として以下のような書式があります。 p{font-size: 1.3em;} このpというのは何ですか?CSSの書式を記述するときに使うものということで深く考える必要はありませんか?また字間についてですが、:と1.3emの間に半角スペースを必ず入れるということは知っていますが(手持ちのホームページ作成入門本にそう書いてあります)、pと{の間にスペースを入れる必要はありませんか? ③行間を調整するCSSを記述した以下のファイルを例文として記載します。上記の手持ちのホームページ作成入門本から抜粋しています。 〈html〉 〈head〉 〈title〉序文に変えて〈/title〉 〈style type="text/css"〉 p{line-height 150%;} 〈/style〉 〈/head〉 〈body〉 〈h1〉序文に変えて〈/h1〉 〈p〉ようこそ、このサイトではラーメンマニアの私が食べ歩いたラーメンを写真付きで紹介しています。 〈/body〉 〈/html〉 この150%という値ですとファイルをブラウザにドロップしたとき〈p〉タグの内容の行間が少し広くなります(と入門本に記載があります)。普通に本文の文字の大きさで1行分空けたい時はどうすればいいですか?つまり現在知恵袋で記載しているような1行分です。150%ではなく1emと記述すればいいですか?また、このCSS書式のp{line-height 150%;}ではline-heightと150%の間に質問②で記載したCSS書式のような:がありません。設定名と値の間は:で区切っても半角スペースでもどちらでもいいのですか? 宜しくお願いします。( `・∀・´)

  • Cssで

    次のようなHTMLとCssを作成し、見出しを表示しようとしています。 1つ目の見出しと2つ目の見出しは全く違うものにしたいので、2つ目の見出しにはh2にクラス名を指定しています。 しかし2つ目の見出しは1つ目の見出しの属性を引き継いでいるようで、 border-left: 5px solid #0086b9;などは有効になり2つ目の見出しでも左側に線が表示されてしまいます。 1つ目のcssの情報を完全に消した後、2つ目の見出しを表示する方法をご教授下さい。 ▼HTML <h2>見出し2</h2> <h2 class="sample1">見出し2</h2> ■Css h2 { font-size: 145%; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; border-left: 5px solid #0086b9; border-right: 1px solid #0086b9; border-top: 1px solid #0086b9; border-bottom: 1px solid #0086b9; line-height: 1.4; background-color:#F7F7EF; } h2.sample1{ border-right:solid 2px #808080; border-bottom:solid 2px #808080; background-color:#c0c0c0; padding-top:3px;padding-left:3px; width:300px; }

  • cssのタグについて

    cssで使えるタグにはどのようなものがあるのでしょうか? p、div、h1(文字サイズと兼用でしょうか?)などがあることが分かったのですが、たとえばfontcolorを縮めてfc.red { color: red;} などとすれば自分的に分かりやすいと思ったのですが無効でした。 また、百歩譲って限られたタグしかないとしても、p.fc.red { color: red;}などのようにclassを複数にするようなことは可能ではないのでしょうか? こういったことも含めてcssとhtmlでは思想的にというか包括的に違うものなのでしょうか? スタイルシート部分 p.red { color: red; } これを→ fc.red { color: red; } HTML部分 <p class="red"> タイトル </p> これを→ <fc class="red"> タイトル </fc>

  • cssの、一つ目の記述がHTML側に反映されません。

    スタイルシートの超初心者です。 <style type="text/css"> body {background-color:#87cefa;} h1 {background-color:#ffddaa;} と記述すると、bodyの記述がHTMLの表示に反映されず、順番を入れ替えても、一つ目になった記述が反映されません。 <style type="text/css"> } body {background-color:#87cefa;} h1 {background-color:#ffddaa;} 試しに、上の様に「}」を挟んだら反映されたのですが、こんなのをダミーで入れているのは、とっても納得が行きません。どなたか、原因を教えて頂けないでしょうか?

    • ベストアンサー
    • HTML
  • CSSの外部ファイル使用に関して。

    ビスタorEMエディターを使用しています。 ~~index html~~ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>cssの勉強</title> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <h1>見出し</h1> </body> </html> ~~mystyle.css~~ h1 { color: blue; } このようにテキストエディタも2つに分けて編集しデスクトップへ 保存してブラウザ上へ出力させたのですが文字の色が表示できません。 表示できないというよりもblueで組んだ際にはblueとなりblueをredにした際には 黒になったり、デスクトップ画面上で新規にフォルダをつくそこにhtmlファイルを 入れてその後ブラウザ表示をすると文字がきちんと赤になっていたり 意味がわからず、ずっと悩んでいます。 分かりにくい質問ですいませんどうすればそうならないのか教えていただければ幸いです。 また、毎回アイコンをグーグルクロームのブラウザへドロップして検証するのが めんどうになってきたので、そうせずにブラウザへ直で表示できる方法も教えていただけると嬉しいです。

  • CSS の表記の仕方について

    CSS の勉強をしているのですが、その表記の仕方についてお尋ねします。 下記【例】のように、どの表記を見ても、中カッコ{}のところを繋げることなく3行に分けて記述されております。 これには何か理由があるのでしょうか? 又、繋げて記述してはいけないのでしょうか? --------------------------------------- strong { color: #FF0000; } h1,h2,h3,p,ul,li{ margin: 0px; padding: 0px; } ul{ list-style-type: none; } ---------------------------------------