Webデザイナーやプログラマーの方にお聞きします。 わたしは初心者です。 初歩的な質問なのですが、ブ

Webデザイナーやプログラマーの方にお聞きします。
わたしは初心者です。
初歩的な質問なのですが、ブラウザにCSSを反映させるにはどうしたら良いでしょうか？

index.htmlというファイルを作成してHTMLやindex.phpのファイルを作成してHTMLとPHPのコードをlocalhostのブラウザに反映させることはできます。
ただ、HTMLにCSSを組み合わせてブラウザに反映させるにはどうしたらいいでしょうか？
ちなみに同じファイル内に書き込む方法ではなくて.cssの拡張子を新たに作成して反映させる方法です。

それともう一つ知りたいのですがサイトを作成する際には当然ほとんどのサイトが同サイトで複数のページがありますよね？
あれはどうやって複数のページを作成するのでしょうか？
現在は一つのファイルで一つのlocalhostのブラウザに反映させることしかわかりません。。。

No.2 回答者： whtg001 回答日時： 2018/01/14 21:57

HTMLファイルのHEAD内に使用するCSSファイルを参照するタグを書いてください。

そのうえで、HTMLのタグやクラスやIDにCSSから修飾してゆきます。
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="css/sub.css" rel="stylesheet" type="text/css">


同じCSSファイルを使用するなら各HTMLのHEAD内にスタイルシートの参照を定義します。
<link href="css/main.css" rel="stylesheet" type="text/css">


特徴として、同じタグにつけられたCSSは後で指定されたものが優先することになります。
<link href="css/sub.css" rel="stylesheet" type="text/css">


CSSファイルの先頭には、異なるブラウザに共通したCSSを使用するために各ブラウザの規定値をリセットすることから始めます。
例えば、
* {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
を入れると、すべでのブラウザのすべてのタグで異なるこれらの値をゼロに統一することができます。CSSの設定はこのリセットから始めるとブラウザの違いによる表示の違いをほとんど無くすことができます。

まあ、いろいろ試行錯誤すれば一月くらいでなんとかわかりだします。

No.1 回答者： naktak 回答日時： 2018/01/10 16:15

linkタグを覚えてください。

http://www.htmq.com/html5/link.shtml

複数ページが欲しいなら、index.phpの他にtest.phpなどを設け、aタグによるリンクやformタグによる画面遷移によって遷移してください。
http://www.htmq.com/html5/a.shtml
http://www.htmq.com/html5/form.shtml

今の知識量の感じですと、htmlの知識量が絶対的に足りないと感じます。
まずはphpではなくhtmlをしっかり覚えたほうがいいでしょう。