teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

2021/03/29 01:37

投稿

Hideki.-_
Hideki.-_

スコア1

title CHANGED
File without changes
body CHANGED
File without changes

2

2021/03/29 01:37

投稿

Hideki.-_
Hideki.-_

スコア1

title CHANGED
File without changes
body CHANGED
@@ -64,7 +64,12 @@
64
64
  </body>
65
65
  </html>
66
66
 
67
+ もう1枚貼ります!
67
68
 
69
+ h1{
70
+ color: blue;
71
+ }
72
+
68
73
  ```CSSを反映させてh1の文字の色を変えたいです。
69
74
 
70
75
  ドットインストールを学習しており、CSSが反映しません。HTMLに直接CSSを書き込むやり方ではCSSが反映するのですが別ファイルにCSSを書くと反映しません。いろいろ調べて試しましたが反映しません。どなたか助けてください!

1

2021/03/29 01:36

投稿

Hideki.-_
Hideki.-_

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,70 @@
1
- CSS反映させてh1の文字の色を変えたいです。
1
+ ```ここに言語入力
2
2
 
3
+ <!DOCTYPE html>
4
+ <html lang="ja">
5
+ <head>
6
+ <meta charset="utf-8">
7
+ <title>太郎のポートフォリオ</title>
8
+ <link rel="icon"href="favicon.ico">
9
+ <meta name="description"content="太郎のポートフォリオサイトです。">
10
+ <link rel="stylesheet" href="css/styles.css">←ここです!!!
11
+ </head>
12
+ <body>
13
+ <header>
14
+ <img src="img/taro.png"width="120"height="120"alt="太郎のアイコンです">
15
+ <h1>山田太郎</h1>
16
+ <p>UI/UXデザイナー見習いです</p>
17
+ <ul>
18
+ <li>
19
+ <a href="https://dotinstall.com" target="_blank">
20
+ <img src="img/blog.png"width"20" height"20 alt="ブログサイトのリンク画像です">
21
+ </a>
22
+ </li>
23
+
24
+ <li>
25
+ <a href="https://dotinstall.com" target="_blank">
26
+ <img src="img/photos.png"width"20" height"20 alt="写真サイトのリンク画像です">
27
+ </a>
28
+ </li>
29
+ </ul>
30
+ </header>
31
+ <!--作品紹介-->
32
+ <section>
33
+ <h1>WORKS</h1>
34
+
35
+ <section>
36
+ <img src="img/work1.png"width"400" height="260" alt="勇者ゲームの紹介画像">
37
+ <h1>勇者ゲーム</h1>
38
+ <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
39
+ 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
40
+ 楽しいアプリです。</p>
41
+ </section>
42
+
43
+ <section>
44
+ <img src="img/work2.png"width"400" height="260" alt="宝探しゲームの紹介画像">
45
+ <h1>宝さがし</h1>
46
+ <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
47
+ 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
48
+ 楽しいアプリです。</p>
49
+ </section>
50
+
51
+ <section>
52
+ <img src="img/work3.png"width"400" height="260" alt="真剣衰弱の紹介画像">
53
+ <h1>真剣衰弱</h1>
54
+ <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
55
+ 楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。
56
+ 楽しいアプリです。</p>
57
+ </section>
58
+
59
+ </section>
60
+ <footer>
61
+ <p>(c) dotinstall.com</p>
62
+ </footer>
63
+
64
+ </body>
65
+ </html>
66
+
67
+
68
+ ```CSSを反映させてh1の文字の色を変えたいです。
69
+
3
70
  ドットインストールを学習しており、CSSが反映しません。HTMLに直接CSSを書き込むやり方ではCSSが反映するのですが別ファイルにCSSを書くと反映しません。いろいろ調べて試しましたが反映しません。どなたか助けてください!