![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML以及移动端布局
安静宅男爱蓝猫
我知道一切都不容易,但是总会输给努力
展开
-
flex骰子模型
flex布局盒子flex实现骰子是一个联系flex布局的好的素材第一种.second-face { display: flex; justify-content: space-between;}第二种.second-face { display: flex; justify-content: space-between;}/*将第二个点固定到盒子的下方*/.second-face span:nth-child(2){ align-self原创 2021-02-27 14:39:08 · 188 阅读 · 0 评论 -
flex布局实现无缝滚动
案例的演示flex布局所谓flex布局就是弹性盒布局,这种布局在移动端比较常用,但随着浏览器的版本更新,flex布局因为自身的优点,日渐常用。思路:首先分析这个小demo的结构,上下结构,我们可以用一个容器,将其包裹(就是所谓的大盒子)。上方是个导航,上边是个ul,下面我们就可以用两个div,宽度的100%,高度自定义。接下来我们就来开启和模型,记住一定的父盒子哦!display:...原创 2020-04-10 09:40:01 · 1180 阅读 · 0 评论 -
flex布局仿京东移动端案例
flex布局仿京东案例首先在说一下flex布局特点 它是一个一维系统,用来为盒状模型提供最大的灵活性。 使 用:任何容器(行内元素可设置为display:inline-block); 特点:空间分布在行中进行,而非整体 flex就是沿着一条线铺下去,这个线可能水平,也可...原创 2020-03-16 19:02:54 · 1585 阅读 · 0 评论 -
关于HTML网页初学者网页设计总结以及技巧
当初学HTML的你,刚学完基础知识时,其实你已经具备写一个静态网页的能力。许多初学者看见一个较复杂的网页模板时,望而生畏,不敢如何下手!!!1.网页其实是一个个盒子组成的,就是我们口中的div。拿到一个待实现的网页不要急于下手。2 第一步:总体观察网页有几个大的盒子,将HTML的总体骨架要搭建完毕,并将每个盒子前面标上注释,实现模块化分布。3.第二步:将每个盒子可以加一些border ...原创 2020-02-16 14:48:53 · 1361 阅读 · 0 评论