回答編集履歴

3

最悪style.cssを諦める手法

2019/12/05 05:17

投稿

rururu3
rururu3

スコア5545

test CHANGED
@@ -49,3 +49,45 @@
49
49
  ![正常にstyle.cssが読み込めてるとき](ae9dfa6c96028f5ba6eb219d1fd2df1a.png)
50
50
 
51
51
  ![style.cssが読み込めてないとき](660ea7e79cb608dc40b89dc42034c26e.png)
52
+
53
+
54
+
55
+ ※もうstyle.css読み込むの諦めて
56
+
57
+ ```html
58
+
59
+ <!DOCTYPE html>
60
+
61
+ <html>
62
+
63
+ <head>
64
+
65
+ <meta charset="UTF-8">
66
+
67
+ <title>aaa</title>
68
+
69
+ <style>
70
+
71
+ /* ここにスタイルシートを記載していく */
72
+
73
+ body {
74
+
75
+ background-color: red;
76
+
77
+ font-size: 50px;
78
+
79
+ }
80
+
81
+ <style>
82
+
83
+ </head>
84
+
85
+ <body>
86
+
87
+ hoge
88
+
89
+ </body>
90
+
91
+ </html>
92
+
93
+ ```でもいいかと

2

ChromeDevelopToolのスクショを載せておく

2019/12/05 05:17

投稿

rururu3
rururu3

スコア5545

test CHANGED
@@ -43,3 +43,9 @@
43
43
  }
44
44
 
45
45
  ```
46
+
47
+
48
+
49
+ ![正常にstyle.cssが読み込めてるとき](ae9dfa6c96028f5ba6eb219d1fd2df1a.png)
50
+
51
+ ![style.cssが読み込めてないとき](660ea7e79cb608dc40b89dc42034c26e.png)

1

動作確認したソース記載しておく

2019/12/05 05:12

投稿

rururu3
rururu3

スコア5545

test CHANGED
@@ -1 +1,45 @@
1
1
  `stylesheets`ではなく`stylesheet`(最後のsいらない)
2
+
3
+
4
+
5
+
6
+
7
+ index.html
8
+
9
+ ```html
10
+
11
+ <!DOCTYPE html>
12
+
13
+ <html>
14
+
15
+ <head>
16
+
17
+ <meta charset="UTF-8">
18
+
19
+ <title>aaa</title>
20
+
21
+ <link rel="stylesheet" type="text/css" href="style.css" />
22
+
23
+ </head>
24
+
25
+ <body>
26
+
27
+ </body>
28
+
29
+ </html>
30
+
31
+ ```
32
+
33
+
34
+
35
+ style.css
36
+
37
+ ```css
38
+
39
+ body {
40
+
41
+ background: green;
42
+
43
+ }
44
+
45
+ ```