スポンサーリンク

html css読み込み

css読み込み

cssファイルを作り外部から読み込む

htmlファイルとは別に、cssファイルを作って、htmlに読み込ませるやり方について説明します。

下記のように、<link>タグを使って読み込むことができます。

href属性にcssファイルのパスを入力すると、そのcssファイルを読み込み、クラスを使うことができます。

<link rel="stylesheet" type="text/css" href="sample.css">

 

htmlファイルの中にcssを書きこんで使う

htmlファイルの中にcssを書くには<style>タグの中に、cssのセレクタ、クラスなどを書くことができるようになり、htmlでstyleタグの中に書かれたcssの内容を読み込んで使えるようになる。

<style type="text/css">
cssの内容
</style>