■概要
タグに設定したidとclass属性によりスタイルを指定します。
idへの設定は、「#」を先頭につけて定義します。原則、一つのオブジェクトに適用できます。
#id {
属性1: 値1;
属性2: 値2;
}
classへの設定は、「.」を先頭につけて定義します。こちらは複数のオブジェクトに適用できます。
.class {
属性1: 値1;
属性2: 値2;
}
■使用方法
#m_box { width: 500px; height: 300px; }
.box { background-color: blue; }
■例
<html>
<head>
<style>
#m_box{ background-color: #09C; width: 150px; height: 40px; }
.box{ width: 100px; height: 50px; border: 1px solid green; }
</style>
</head>
<body>
<div class=”box”>box CLASS</div>
<div id=”m_box”>m_box ID</div>
</body>
</html>
出力結果
box CLASS
m_box ID
当サイトは広告を含めています。広告のクリックによる収益は全て当サイトの管理、維持、コンテンツ製作に使われます。