day2-2022.12.11-浅浅了解div元素

<template>
<div>
<div class="box">
<div class="bq">
div是一个块级元素，是块级元素，块级元素独占一行,红色边框为一行
<br>
常用的块级元素有：h1,h2...h6，p，ul，li，br等
<ul>
<li>
ul,li必须这样嵌套使用
</li>
</ul>
</div>
</div>
<div class="bq second">
<ul>
<li>
每一个标签都可以添加class，或者id（id必须保持唯一，class可以有多个）
例如：
<div class="div">此为示例div类名</div>
<div id="div">此为示例id类名</div>
</li>
<li>
添加了class,或者id之后，在Vue文件中，style标签内，可以使用它来定义样式：
<br>
class类名需要在style中 .类型 例如上例.div{}
<br>
id需要 #id 例如上例#div{}
</li>
<li>
最下方有示例
基础的有：
width 元素长度
height 元素高度
background 背景颜色
color 字体颜色
margin 块级元素居中
</li>
</ul>
</div>
</div>
</template>

<script>

</script>

<style scoped>
.box{
border: 1px solid red;
}
.bq {
width: 1000px;
height: 250px;
background: aqua;
margin: 0 auto;
}
.second{
background: #d0ff00;
}
</style>