Q&A
解決されたのであれば、自己解決またはベストアンサーを選び、解決済みとしておいてもらえますか。
cssはどこに書くのですか？
HTMLを書いた同じページにですか？
それとも違う新たなページですか？
初歩過ぎてすみません。
回答4件
0
基本的なパターンは3パターンだと思います。
パターン1（bodyに書く）
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>タイトル</title> 6<style> 7 .content { 8 background-color: #ccc; 9 } 10</style> 11</head> 12<body> 13 14<div class="content"> 15 コンテンツ 16</div> 17 18</body> 19</html>
パターン2（タグに書く）
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>タイトル</title> 6</head> 7<body> 8 9<div class="content" style="background-color: #ccc;"> 10 コンテンツ 11</div> 12 13</body> 14</html>
パターン3（外部にcssファイルを置く）
// フォルダ構成 - index.html |- css - style.css |- js - app.js |- img - 01.png |- 02.jpg
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title></title> 6<link rel="stylesheet" href="./css/style.css"> 7</head> 8<body> 9 10<div class="content"> 11 コンテンツ 12</div> 13 14<script src="./js/app.js"></script> 15</body> 16</html>
投稿2018/05/23 13:12
編集2018/05/23 13:15
総合スコア229
0
ベストアンサー
その疑問がなぜ発生したのかを書くともっと的確な回答が得られるとは思いますが。
実践〜スタイルを作ってみよう〜
2.CSSはどこに書くの？
「どこに書く？」という質問からは少し外れますが、
回答にあまり出てないパターンで「ＣＤＮ」いうのもあります。
ライブラリなどサイズが大きいものについては自前に置くより外部サービスを利用するのも1つの手です。
ＣＤＮ例：CDNにホストされているjQueryファイルの読み込み
投稿2018/05/23 23:08
編集2018/05/23 23:13
総合スコア80850
0
(i)外部ファイルで指定する方法
html
1<link rel="stylesheet" type="text/css" href="example.css"> 2```をhtmlファイルに書きます。 3今回はcssファイルの名前がexample.cssです。 4 5(ii)html内でcssを書く方法 6 7```html 8<style type="text/css"> 9 //CSSの記述 10</style>
このように書きます。(i)のように二つのファイルに分けてHTMLとCSSを適用する方法が一般的ですが、どちらの方法も使いこなせるようにしておくと、記述の幅が広がります。
詳しくはHTML cssを適用するをご覧ください。
投稿2018/05/23 13:07
退会済みユーザー
総合スコア0
ちなみにjavascriptも同じことが言えます。
分けるのが一般的なんですね
知りませんでした。
まだまだ勉強不足なので勉強します。ありがとうございます。
あなたの回答
tips
プレビュー
