• 締切済み

リンキングCSSについて

noname#30871の回答

noname#30871
noname#30871
回答No.2

 すみません、ご質問の意味がちょっとわかりません。(「頭の部分」? 「複数記述」?)  CSSスタイルは、外部スタイルシートに書こうが<STYLE>要素に書こうが、表現で きるスタイルは同じだったはずです。  もう少し補足していただければ助言できるかもしれません。  ちなみに、ご存知だとは思いますがインライン要素の意味は、参考URLで説明されています。

参考URL:
http://www.ne.jp/asahi/minazuki/bakera/html/reference/inline
nokishita55
質問者

補足

質問が分からなくなってしまいすみませんでした。 cssは最近HPに使おうとしていて、初心者なのです。 >CSSスタイルは、外部スタイルシートに書こうが<STYLE>要素に書こうが、 >表現できるスタイルは同じだったはずです。 その通りなのですが、HEADに記述・インラインCSSにする場合には 表示するHTMLファイルに直接書き、また変更する場合も 一つ一つ直していかなければならないんですよね? リンキングCSSの場合でしたら、外部cssファイルに記述し、 それを表示するHTMLに書けば、複数のHTMLファイルの変更が可能なんですよね? 私がやりたいのは、例えば外部cssファイルに H1{color:#○○○○○○} H2{color:#▲▲▲▲▲▲} と記述し、表示されるHTMLの部分に <H1>123(色はcssファイルで指定した○○○○○○)</H1> <H2>123(色はcssファイルで指定した▲▲▲▲▲▲)</H2> というように表示させたいんです。 でも、H1{color:#○○○○○○} という風に 頭の部分(すみません呼び名がわかりません)をH1として HTMLファイルで呼び出すとH1タグで文字サイズが大きくなってしまいます。 試しに、頭の部分のH1というのを変えてcssファイルに a{color:#○○○○○○} b{color:#▲▲▲▲▲▲} HTMLファイルに <a>123(色はcssファイルで指定した○○○○○○)</a> <b>123(色はcssファイルで指定した▲▲▲▲▲▲)</b> と記述してみた所、きちんと表示されました。 でも参考書やサイトを回ってもそのような記述をしている人は いなかったので、これはやっぱり間違っているのでしょうか・・・? 本当に本当に初心者なので、質問ばかりしてしまって申し訳ありません。 宜しければ教えていただけますでしょうか・・・。

関連する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; } ---------------------------------------