CSSが読み込めません
- HTML5とCSS3で個人のWebサイトを作成しているが、Google Chromeで外部CSSが反映されない。
- Windows8で保存している文字コードはUTF-8。
- 簡単な箇所でつまずいているが、どなたかご教授いただける方はいらっしゃいますか？
- ベストアンサー
CSSが読み込めません
今 HTML5とCSS3で個人のWebサイトを作成しており、 確認のためGoogleChromeにコピーして見てみましたが 外部CSSが全く反映されていません Windows8、保存している文字コードはどちらもUTF-8です <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" type="text/css" href="style.css"/> <meta charset="UTF-8"> <meta name="keywords" content="〇〇"> <meta name="description" content="〇〇。"> <title>〇〇</title> </head> <body> <H1>〇〇</H1> <img src="〇〇.png"> </body> </html> CSS ソース↓ body ｛color: red; ｝ 何故こんな簡単なところでつまずいているのか自分でも分かりません どなたか分かる方いらっしゃいましたらご教授ください
- kagariya
- お礼率37% (36/95)
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
CSSの括弧が全角になってますねー
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
Chromeは開発には使えないでしょう。代替スタイルシートもスタイルシートなしも出来ないし 開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )の充実しているfirefoxを使うと良いでしょう。 アドオン Firebug( https://addons.mozilla.jp/firefox/details/1843 )で理由はわかるはずです。 想定される理由 ・指定された場所にスタイルシートがない ・@chersetの指定がないか、合致していない ・認識できない文字が紛れ込んでいる。
お礼
回答ありがとうございます firefoxがとても便利だと気付きました！ 是非とも使ってみようかと…。 ありがとうございました。
関連するQ&A
- <title></title>はどこに書くべき？
<title></title>をどこに書くべきなのか分からず悩んでいます。 今までこの<title></title>を、以下の位置に書いていました。 <head> <meta http-equiv= "Content-Type" content= "text/html; charset=Shift_JIS" /> <title></title> <meta name= "keywords"・(省略）・・・・ /> <meta name= "description" ・・・(省略） /> <link rel="stylesheet" href=***.css"type="text/css" /> </head> このようにです。 ところが上記の他に<title></title>の位置が、以下のように書かれた物も見つけました。その為、一体どこに<title></title>を書くのが正しく、またSEOに有効なのか分からなくなってしまいました。 <head> <meta http-equiv= "Content-Type" content= "text/html; charset=Shift_JIS" /> <meta name= "keywords"・(省略）・・・・ /> <meta name= "description" ・・・(省略） /> <title></title> <link rel="stylesheet" href=***.css"type="text/css" /> </head> また、Google ニュース 日本版のソースを調べると、<title></title>が<head>の直下に書かれてあり、更に混乱しています。 一体どれが正しいのでしょうか。よろしくお願いいたします。
- ベストアンサー
- HTML
- HTMLの文法チェックをするとCSS関連でエラーが出て困っています。
http://validator.w3.org/ http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html でHTMLの文法チェックをすると， <body><style TYPE="text/css"><!-- という行があるとエラーが出ます。 実際のHTMLは外部スタイルシートを使っているのですが <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <title>タイトル</title> <meta name="Keywords" content="キーワード "> <meta name="Description" content="内容説明"> <link rel="stylesheet" href="./css.css" type="text/css"> </head> <body> <div id="page"> 以下略 であり，<body>タグの後ろは<div>タグなのですが，何故かそう認識されます。 スタイルシートの指定がおかしいのかと考えたのですが， いくら検索しても<head></head>間に <link rel="stylesheet" href="./css.css" type="text/css"> を入れるとしか書いてなく理由がわかりません。 ちなみにcss.cssの内容は *{} というような内容の羅列のみで，その他の情報は一切入れていません。 どこがおかしい点なのかわからず悩んでおります。 理由のわかる方いましたら是非ご教授願います。
- ベストアンサー
- HTML
- ホームページのヘッダ部分について
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="JA"> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=Shift_JIS"> <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="text/css"> <META HTTP-EQUIV="CONTENT-SCRIPT-TYPE" CONTENT="text/javascript"> <TITLE>○○○○</TITLE> <LINK REL="STYLESHEET" TYPE="text/css" HREF="css1.css"> <meta name="keywords" content="△,△,△,△,,△,△,"> <meta name="description" content="●●●●●"> </HEAD> <BODY> … となっているのですが、無駄な部分はありますか？ 順番などは合ってますか？ また、こうしたほうがいい、などとアドバイスがあればぜひよろしくお願いいたします。
- 締切済み
- レンタルサーバ・ASP
- 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
- ホームページ作成に関して
以下のように入力しましたがホームページに反映されません。 <DOCTYPE＿html> <html_lang="ja"> <meta name＝"author"content="名前> <meta name="description"content="内容の紹介 <meta name＝"keywords> <meta http-equiv＝"content-style-type content="css> <head> <meta http-equiv＝"content-script-type-cotent="utf-8> <meta＿charset="utf-8"> <title>名前＜title> </head>
- 締切済み
- PHP
- 日本語が下記のように文字化けしました。
サブライム３を使っていた所、突然日本語が下記のように文字化けしました。 サブライム上では文字化けしていません。 ブラウザ、DWで見るとします。 バグで文字コードが変わるなどあるのでしょうか？ DWで見るとUTF8と表示されています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ja" xml:lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="robots" content="noindex,noimageindex,nofollow" /><!--onlysample--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="content-style-type" content="text/css; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /><!--mobile--> <meta name="keywords" content=" ,** h, Q " /> <meta name="description" content=" ɲ Q f ϡ ** h ɲ Фؤ ߤη ؤ Q ⰸ ڤ Ƥ ޤ Ф H Ҥ Ĥ꤯ " /> <title> k3 , o Ϥ ɲ Ф ߤ ڤ ޤ | ɲ Q f </title> <!--script lightbox--> <link rel="stylesheet" href="lightbox.css" type="text/css" /> <!--main--> <link rel="stylesheet" href="reset.css" type="text/css" /> <link rel="stylesheet" href="base.css" type="text/css" /> <link rel="stylesheet" href="index.css" type="text/css" /> </head>
- ベストアンサー
- CSS
- Dreamweaverのメタタグについておしえてください
DreamweaverCS3でキーワードを入れると、</head>の下に挿入されるのですが、これでいいのでしょうか？ よろしくお願いします。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>タイトル</title> </head> <meta name="keywords" content="キーワード,キーワード," /> <meta name="description" content="説明文" /> <body> </body> </html>
- 締切済み
- ホームページ作成ソフト
- phpで これは、head要素の中に、meta要
phpで これは、head要素の中に、meta要素、title要素、link要素が入っているということなんですか？ ↓ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body>
- ベストアンサー
- PHP
- 下記のタグの中で必要ないのはありますか？
(1) <?xml version="1.0" encoding="UTF-8"?> (2) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (3) <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> (4) <head> (5) <title>●●●●●●●●</title> (6) <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> (7) <meta http-equiv="Content-Style-Type" content="text/css" /> (8) <meta name="robots" content="INDEX,FOLLOW"> (9) <meta name="description" content="●●●●●●●●"> (10) <meta name="keywords" content="●●●●●●●●"> (11) <meta name="content="●●●●●●●●" /> (12) <meta http-equiv="Content-Script-Type" content="text/javascript"> (13) <meta http-equiv="Content-Style-Type" content="text/css"> (14) <link href="css/A1.css" rel="stylesheet" type="text/css" /> (15) <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
- 締切済み
- HTML
- firefoxでｃｓｓが無視されます
css初心者です、会社の海外向けのサイトを制作してます、 IEでは表示されるのですが、FireFoxではCSSが無視されてしまいます。 どなたか間違いをご指摘、ご指導ください。よろしくお願いします。 以下HTML記述 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head profile="http://purl.org/net/uriprofile/"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="Author" content="carsite" /> <meta name="Description" content="Japanese Used Car Exporter;Universal Trade. Find the best car to meet your special request." /> <meta name="Keywords" content="used car,cars,second hand,vehicle,japan,japanese" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="shortcut icon" href="favicon.ico" /> <style type="text/css"></style> <title>Japanese Car Export car.com</title> </head> ちなみにCSSの記述頭 @charset "Shift_utf-8"; 3WC CSS検証チェックではエラーは発見されませんでしたが 原因がわかりません。
- ベストアンサー
- HTML
お礼
回答ありがとうございます それは初めて聞きました！ずっと全角だとばかり… ちゃんと表示されました やっぱり経験が違いますね、 本当にありがとうございました！