safeLab记录（3）

做后台登录页面时de收获

1. <style>标签就相当于css文件的作用，用于设置形式，这里需要区分一下：#id{****}用于设置id的对应<div>的样式，而.class{****}用于设置class对应的<div>的样式
2. 前端界面，本质就是<div>设置好内容格式，用css,js进行美化
3. 为了实现<div>标签上下排列，参考下面代码：

<style>
    .container {
        display: flex;
        flex-direction: column;
    }
</style>

	<section class="container">
		<div>
			<p>div容器</p>
			<p>width: 100px</p>
			<p>height: 100px</p>
		</div>
		<div>
			<p>div容器</p>
			<p>width: 100px</p>
			<p>height: 100px</p>
		</div>
		<div>
			<p>div容器</p>
			<p>width: 100px</p>
			<p>height: 100px</p>
		</div>
	</section>