这个属性官方文档语法： 实例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 10px; } .a{ float: left; height: 200px;width ...
分类：
Web程序 时间：
2020-06-11 20:10:48
阅读次数：
183
这个属性的官方文档语法：示例代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 10px; } .a{ float: left; height: 300px;width ...
分类：
Web程序 时间：
2020-06-11 20:01:33
阅读次数：
324
当小程序的flex布局遇到button时 发现justify-content不起作用，无论怎么设置都是space-around的效果。 经过排查，发现原因是小程序button中的默认样式中的margin-left: auto;margin-right: auto;所引起的 覆盖掉就好了 flex 格 ...
分类：
微信 时间：
2020-06-11 16:15:16
阅读次数：
94
浏览 Animate.css官网 的时候发现Animate.css这几个字母的颜色会慢慢变化，个人觉得还是很有意思，本以为是利用animate 改变color,结果F12后发现好多奇怪的css属性。 先来看看我的实现方法 简易实现方法 h2{ height: 60px; color: #f35626 ...
分类：
Web程序 时间：
2020-06-11 15:02:22
阅读次数：
96
前言 此文章是 解剖CSS布局原理 的续集，之前那篇文章讲的都是理论，本文章讲具体的实例，根据自己对布局的理解与开发经验分为以下几类。 因为PC端和移动端布局差异较大，所以我将两端布局分开讲，本文章将针对PC端的布局进行讲解，以下代码只写关键代码。如果你发现你写了关键打代码还达不到效果，请检查是否写 ...
分类：
Web程序 时间：
2020-06-11 13:24:46
阅读次数：
134
内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。 该操作发生在弹性长度以及自动边距被确定后。 它用来在存在剩余空间时如何加以分配，也会在发生内容溢出时影响项目的对齐。 注意：弹性布局中有两个基本术语main axis和cross ...
分类：
Web程序 时间：
2020-06-11 13:18:50
阅读次数：
101
关于css的flex布局,我只想说他真的解决了曾经布局中float和position中的痛苦,网上关于flex的文章很多了,在这里分享两篇好的文章(真的只有两篇)供大家学习. 一.阮一峰(不用多说很详细)Flex 布局教程：实例篇Flex 布局教程：语法篇 二.渔人码头用大彩图和GIF动画解释 用大 ...
分类：
其他好文 时间：
2020-06-11 01:07:28
阅读次数：
108
一、基本概念 刷新 QQ 空间动态时，发现一则广告，随着用户上下滑动动态列表，就会自动切换广告图片，这样的效果对移动端本就不大的屏幕来说，无疑是很精妙的考虑，这样的效果是怎么实现的呢？ 你可以点击这里：QQ空间广告示意demo 接下来就说说这个效果的具体实现思路： 将两张图片通过定位，相对于图片容器 ...
分类：
Web程序 时间：
2020-06-11 00:32:02
阅读次数：
79
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网格布局Grid用法</title> <style> body{ width: 100%; height: 100%; display: flex; justi ...
分类：
微信 时间：
2020-06-11 00:24:16
阅读次数：
89
前言 1.本篇文章，献给我家女朋友，祝她在杭州找一个965的好公司！2.除了面试题。结合多年开发经验整理出2020最新企业级实战视频教程， 包括 Vue3.0/Js/ES6/TS/React/node等想学的可进裙 519293536 免费获取，小白勿进哦！ 题外话：关于中级 -> 高级的进阶，我也 ...
分类：
Web程序 时间：
2020-06-10 13:13:45
阅读次数：
1679
