外部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ファイルと同じフォルダ内にあります。
よろしくお願いたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/12 02:59
2019/04/12 03:02
2019/04/12 03:05