【HTML/CSS講座】第3回 CSSの適用方法

【HTML /CSS講座】

CSSの適用方法では、CSSの適用方法についてお伝えします

内部CSS

<head> 
<meta charset="UTF-8">  
 <title>サンプル</title> 
<style> 

 h1{
color:;
}
 </style>
 </head>

外部CSS

<link rel="stylesheet" href="style.css">

style.cssが一般ですが、

<link rel="stylesheet" href="home.css">

でも反応します。

WP等はstyle.cssと言うファイル名が標準なので気をつけてください。

<link rel="stylesheet" href="css/home.css">

でcssフォルダ内のcssが適用されます。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" referrerpolicy="no-referrer" />

とすることで、CDNのCSSを読み込みます。

如何でしたか。第3回は外部CSSと内部CSSについて語ってみました。