質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

149閲覧

外部CSSが読み込まない

watashi_8

総合スコア13

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/04/12 02:53

編集2019/04/12 02:54

外部CSS読み込み

「いちばんよくわかるHTML5&CSS3デザインきちんと入門」をみて勉強しています。
テストページを作成していたところ、外部CSSが読み込まないので質問します。

発生している問題・エラーメッセージ

・<link rel~ でstyle.cssを指定しても読み込まない ・<style>タグを使うと表示される

試したこと

・クロームでソースを表示、style.cssは問題なく開けました。
https://teratail.com/questions/183231

HTML

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <metta name="description" content="ひとつ上のWeb開発を目指すセミナーvol.2を10月16日に開催します。今回はローカルWebサーバーの構築を紹介します。ただ今参加者募集中。"> 6 <title>ひとつ上のWeb開発を目指すセミナーvol.2 ローカル開発環境の構築 参加者募集!</title> 7 <link rel="styleseet" href="style.css"/> 8</head> 9 10<body> 11 <article> 12 <h1>ひとつ上のWeb開発を目指すセミナーvol.2 ローカル開発環境の構築 参加者募集!</h1> 13 <p> 14 「ひとつ上のWeb開発を目指す」セミナー第一回は100名以上の参加があり盛況のうちに終了しました。好評につき、第二回を開催致します。</p> 15 16 <p>第二回となる今回のテーマは「ローカル開発環境の構築」。静的なHTML/CSSを書いてWebサイトを構築するだけでなく、近年とみに増えている、WordPressなどCMSパッケージを利用した動的なWebサイトを構築するのに最適な、ローカル開発環境の構築をゼロから紹介します。</p> 17 <p>作業用のパソコンにローカルWebサーバーを構築すれば、より本番に近い環境で開発を進めることができます。今回のセミナー前半では、ローカル開発環境を作ることの利点と事前に知っておくべき知識の紹介、後半ではXAMPP/MAMPのインストールと設定を紹介します。</p> 18 <p>講師にはWebスペクタクル株式会社のエンジニア、船出健一氏をお招きします。また、セミナー終了後には懇親会も予定しております。皆様の参加こころよりお待ちしております。</p> 19 20<section> 21 <h2>場所と日時</h2> 22 23 <ul> 24 <li><b>場所:</b>Mr.HandsOn 新宿カンファレンスタワー 11F A会場(<a href="http://studio947.net">地図</a>)</li> 25 <li><b>日時:</b>10月16日 19:00∼21:00(開場は18:30から)</li> 26 <li><b>入場料:</b>¥2,000-</li> 27 </ul> 28</section> 29 30<section> 31 <h2>注意事項</h2> 32 33 <ul> 34 <li>ノートパソコンはなくても受講できますが、お持ちになることをお勧めします。Wi-Fiは完備しています</li> 35 <li>事前にチケットをお買い求めください</li> 36 <li>受付でメールに添付のQRコードを確認いたします。メール本文をプリントアウトするか、その場でご提示ください</li> 37 <li><strong>開演中の途中退室はできません。</strong>時間に余裕を持ってお越しください。</li> 38 <li><strong>キャンセルの場合はご連絡ください</strong></li> 39 </ul> 40</section> 41 42<section> 43 <h2>船出健一プロフィール</h2> 44 <p>アメリカに留学してIT技術を勉強したのち、大手通信会社に勤務、会員専用サイトの構築・運営に携わる。2013年よりWebスペクタクル株式会社。各種Webサービスの企画・開発、インフラ整備を担当している。</p> 45</section> 46</article> 47 48 </body> 49</html>

CSS

1@charset "utf-8"; 2 3body { 4 font-family: sans-serif; 5} 6h1 { 7 font-size: 30px; 8 color: #ff0000; 9} 10h2 { 11 font-size: 18px; 12} 13p { 14 margin-top: 0; 15 margin-bottom: 0; 16} 17

補足情報

CSSのファイルはHTMLファイルと同じフォルダ内にあります。
よろしくお願いたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

誤 :  <link rel="styleseet" href="style.css"/>

誤字ってます

正 :  <link rel="stylesheet" href="style.css"/>

投稿2019/04/12 02:55

編集2019/04/12 02:57
kou0179

総合スコア304

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

watashi_8

2019/04/12 02:59

回答ありがとうございます。 初歩的なミスでした...
SteveG

2019/04/12 03:02

1文字だけでもこうなるので、気をつけていきましょうね! がんばってマスター!
watashi_8

2019/04/12 03:05

よく確認したいと思います...! ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問