前端从0开始学习-第二节-页面布局-20210221

122 阅读1分钟

1.居中方式
padding: 9px 0; 不设置高,设置padding,让内容撑起来标签,使内容在垂直居中
text-align: center; 文本 水平居中

2.弹性布局水平垂直居中
display: flex;
align-items: center;
justify-content: center;

3.none 单词:代表没有的意思
border-bottom: none ;代表没有下边框
display: none; 代表标签设置不显示,
background: none : 设置无背景色

4.position,不要随便使用,能用布局的都不用定位

5.对一个内容的写样式,一定要分块,一整块尽量合理

  1. div.floor1 floor2 floor3 这个代表写类名的一层一层

7.标签之间的距离尽量用margin,padding 不要用line-hight,

作业: 截图页面编写,注意细节

下面是蓝湖地址,里面是ui图,后面我们会拿出一个页面进行练习
lanhuapp.com/web/#/item/…

作业2: 首页 : lanhuapp.com/web/#/item/…