div属性について

dev(devision)要素について

  • dev要素は、複数のブロックに対して、レイアウトを適応させることができる
  • \<dev\>\</dev\>で囲んだブロック全体にレイアウトが適応させる
  • 基本的な概念は内部CSSのclassidと同じ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
<head>
<style>
.A{
background:pink;
}
#B{
background:yellow;
}
</style>
</head>
<body>
<!--classを使用-->
<div class="A">
<h1>これは見出しです</p>
<p>これは見出しに対する本文です</p>
</div>

<!--idを使用-->
<div id="B">
<h1>これは見出し2です</p>
<p>これは見出し2に対する本文です</p>
</div>

</body>
</html>
Author

Daiki Iijima

Posted on

2021-02-23

Updated on

2024-04-17

Licensed under