- 博客(4)
- 收藏
- 关注
原创 flex的12个属性
容器共有六个属性 flex-direction属性 flex-direction属性决定主轴的方向,它可能有四个值。 :默认值,主轴为水平方向,起点在左端。 :主轴为水平方向,起点在右端。 :主轴为垂直方向,起点在上端。 :主轴为垂直方向,起点在下端。 flex-wrap属性 flex-wrap属性决定项目在一行排不下的情况下是否换行,它可能有三种值。 :默认值,不换行。 :换行,第一行在主轴开始方向,依次往主轴结束
2021-05-27 11:19:57 297
原创 布局
css: 一、CSS简介1、什么是CSSCSS:Cascading Style Sheet 层叠样式表是一组样式设置的规则,用于控制页面的外观样式2、为什么使用CSS实现内容与样式的分离,便于团队开发样式复用,便于网站的后期维护页面的精确控制,让页面更精美3、CSS作用页面外观美化布局和定位在PC端常见的布局: 流式布局 浮动布局 层布局在移动端常见的布局:移动端技术解决方案CSS初始化 normalize.csscss盒子模型 box-sizing清除高亮-webkit-tap-high
2021-05-20 14:03:43 85
原创 视口
概念:视口(viewport) 在继续更多JavaScript属性之前,我们必须引入另一个概念:视口。元素是网页中最上面的块包含元素,视口的功能就是用来约束这个最上面的块包含元素。听起来可能有点模糊,举个例子:假设有个流式布局中的sidebar的宽度是 width:10% 。现在,当调整浏览器窗口的大小时,边栏整齐地增长或收缩。但这到底是怎么工作的呢?技术上,侧边栏的宽度为其父元素宽度的10%。这里父级元素是元素,此时元素没有设定宽度,因此问题变成了元素的宽度是如何有的。通常,所有的块级元素的宽度占其父节点
2021-05-20 13:58:27 97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人