CSS、3種類のスタイルの使用

711 ワード

スタイルの優先順位は、1、インラインスタイル(HTML要素の内側)2、内部スタイルシート(ラベルの内側)3、外部スタイルシート4、ブラウザのデフォルト設定です.
 
外部スタイルシートのインポート
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

 
内部スタイルシート
<head>
<style type="text/css">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}
</style>
</head>

 
インラインスタイル
<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>