开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第18天，点击查看活动详情
flex布局(弹性盒模型)
flex是当前较为主流的布局方式 --> 它布局起来更加方便.取代float的作用 --> 浮动布局有缺陷,会脱离文档流.可能会导致布局崩塌.
用flex布局的元素称为flex容器. 它里面的子元素称为容器项目/flex项目
flex布局原理: 就是通过两种轴.把网页分割成一行行/一列列
flex主轴是从左往右. 副轴从上往下
flex的使用:
display:flex;
flex样式说明:
设置主轴的方向: flex-direction
row; # 行.默认属性,从左到右
column; # 列.从上往下
row-reverse; # 行反转,从右往左
column-reverse; # 列反转,从下往上
设置主轴的对齐方向： justify-content
flex-start； # 默认值。按照起点对齐。左、上
flex-end； # 终点对齐。右、下
space-between; # 两端对齐
space-around; # 均分布局
设置副轴的对齐方式: align-items
center; # 居中
flex-start; # 靠起点
flex-end; # 靠终点
设置换行(如果主轴装不下内容): flex-wrap
no-wrap; # 缩放不换行
wrap; # 换行
flex项目属性:
order: 项目的顺序.数值越小.排列越靠前.默认为0
拓展:
QQ消息轰炸器
需要下载pywin32模块
pip install pywin32 --default-timeout=100 -i https://pypi.tuna.tsinghua.edu.cn/simple
编程源自于生活 --> 消息轰炸器.先别管代码.
正常情况下,我想给一个人发消息.怎么做???
1.先找到下手对象(要发送的聊天窗口)
2.输入内容
3.回车发送
cdn加速
python的官方服务器是在国外. 默认情况下访问服务器会比较慢.
所以这个时候就可以通过中间服务器,中间节点更好的获取数据. 过程就是通过第三方代理.cdn加速的方式
1.快速复制当前行内容
alt + shift + ↑/↓
2.快速生成多个标签
标签名*数字
p*10
3.快速生成一个列表
ul>li
ul>li*3
4.快速生成带属性/内容的标签
标签名[属性]
标签名{内容}
p[class='water'] *3
p{晚上好}*3
5.$变量.从1开始到数量值
p{我是第$个p标签}*10
这里的$的值.就是1-10
img[src='img/$.jpg'] * 7
6.同时选中多行代码
alt + 点击
alt + shift + 拖选
7.css快速写法
w300+h300+bgc#096
w宽度 h高度 bgc背景颜色
