flex布局实例--实现底部导航 vh 存在兼容性问题，不建议使用 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" meta name ="viewport" content ="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1,minimum-scale=1" title Document /...

2020-03-14 16:03:42

移动Web开发必备基础之媒体查询 媒体类型： all （默认值） screen print 打印设备 speech 屏幕阅读器 由于all是默认值可不写，因此以下两种写法效果相同 @media all and (min-width:900px) {} @media (min-width:900px) {} 媒体查询中的逻辑 与 或 非 @media (min-wid...

2020-03-14 16:04:13

转-webpack学习笔记--整体配置结构 前端学习一段时间后，尤其是工作2-3年的小伙伴们在面试中都会害怕被问到webpack,我也害怕，每次都是临时抱佛脚，虽然自己会简单的配置webpack但是对webpack的原理还是一知半解，无意中看到这篇文章写的还不错，所以转发过来，也方便...

2020-03-14 16:02:41

移动Web开发必备基础（flex容器属性） box-sizing 在pc端一般使用默认值content-box 在移动端一般使用 border-box ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" meta name ="viewport" content ="width=device-width,initial-scale=1,user-scalable=no,...

2020-03-14 16:02:11

前端现在有发展前途吗？应届生好找工作吗? 「前端，有发展钱途」 前端发展随着互联网大时代如火如荼的进行着，Web前端技术依靠其自身在页面交互效果上强大的功能属性受到了众多企业的青睐。这不仅是在北上广，很多一二线城市都是如此。 无论是你使用的智能手机，还是iP...

2020-03-14 16:01:49

HTML 字符实体详情 HTML 字符实体详情 在 HTML 中，某些字符是预留的。 在 HTML 中不能使用小于号（）和大于号（），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 字符实体类似这样...

2020-03-14 16:01:07

我们经常可以在网站上看到各式各样的 动画 效果，比如有常见的用粒子旋转伸缩，那么你知道 CSS3 如何利用粒子旋转伸缩加载动画吗？下面我们就一起去就就吧。 CSS Code 复制内容到剪贴板 #loader 6?{?? ?? ?? margin :? 60px ? 50px ;?? ?? ?? float :? left ;?? ?? ??...

2020-03-13 16:00:40

说到DIV垂直居中很多人都会觉得奇怪CSS中不是有vertical-align属性来设置垂直居中的吗，为什么要另外实现呢？其实这是因为有些 浏览器 会补兼容，那么下面我们就去看看CSS设置DIV垂直居中且兼容 IE 浏览器的方法。 在这里我还要啰嗦两句，CSS中的确是有vertical-align...

2020-03-13 16:00:38

现在3d技术已经使用非常广泛了，那么你知道css3中如何制作3D效果吗？很多小伙伴们在初学css3的时候都会觉得制作3d效果非常的困难，那么下面我们就去看看 CSS3 的3D制作方法。 一、序 小编最近这些天，突发奇想的想研究一下CSS3的东西，从而提升一下CSS的能力，在学习的...

2020-03-13 16:00:35

CSS过渡与转换 浏览器前缀： css3属性：预览版，还没有最终版，所以有很多兼容性问题，浏览器不识别。 浏览器为了使这些属性兼容，每个浏览器厂商都提供了一个属于自己浏览器的语法规则，浏览器兼容前缀。 主流浏览器：谷歌，IE，欧朋，火狐，苹果 浏览器前缀： -wekit...

2020-03-12 16:01:44