摘要：
查看原文可以有更好的排版效果哦 前言 居中是平时工作中的最常见的一种需求，各种图片居中或者各种弹窗，水平居中还好，特别是垂直居中，很多初学者表示太难写了，现在列举一些常用的方法。 实战 这里只讲述css相关的方法，js暂时不提，毕竟这是样式上的事情，就不劳烦js出手了。 1. top 50% ;ma 阅读全文
posted @ 2020-05-31 22:07
热爱前端知识
阅读(155)
评论(0)
推荐(0)
摘要：
在css3中transition和animation都可以实现动画效果，但是我们什么时候用transition，什么时候用animation。 当有事件触发动画的时候我们就用transition。比如hover事件mouseove、mouseout事件等等 当没有事件触发直接播放的时候我们就用ani 阅读全文
posted @ 2020-05-31 21:25
热爱前端知识
阅读(391)
评论(0)
推荐(0)
摘要：
前端开发需要了解的工具集合：webpack, eslint, prettier, ... 前端开发需要了解的一些工具，这些工具能够帮助你在项目开发中事半功倍。 1. nrm: npm registry 管理器 registry: npm 远程仓库的地址。 由于众所周知的原因，npm 官方仓库在国内特 阅读全文
posted @ 2020-05-31 20:42
热爱前端知识
阅读(345)
评论(0)
推荐(0)
摘要：
css 的弱化与 js 的强化 web 的三要素 html, css, js 在前端组件化的过程中，比如 react、vue 等组件化框架的运用，使 html 的弱化与 js 的强化 成为了一种趋势，而在这个过程中，其实还有另一种趋势也在慢慢形成：css 的弱化与 js 的强化。 之前有写过一篇 C 阅读全文
posted @ 2020-05-31 19:59
热爱前端知识
阅读(194)
评论(0)
推荐(0)
摘要：
每天一个CSS-社会人 实现效果 想法 之前看到一篇博客，使用python绘制出了小猪佩奇，所以自己想试一试，采用纯html + CSS绘制出低配版的小猪佩奇。 实现思路 使用上一篇，圆与边框实现。最后是一个组合图形，初学者都可以完成，可尝试。 缺点 1、低配版的小猪太圆润，后面会对整体图形进行修改 阅读全文
posted @ 2020-05-31 19:15
热爱前端知识
阅读(200)
评论(0)
推荐(0)
摘要：
半透明边框 background-clip: 规定背景的绘制区域 .div { width: 200px; height: 200px; background: blue; border: 10px solid rgba(255, 170, 170, 0.3); background-clip: p 阅读全文
posted @ 2020-05-31 18:26
热爱前端知识
阅读(132)
评论(0)
推荐(0)
摘要：
CSS和模型 CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，包括 外边距（marign），边框（border），填充（padding），内容物（content） 盒子模型的类型：W3C 标准和模型和 IE 盒模型（怪异盒模型） W3C 标准盒模型：属性 width 和 height 只包 阅读全文
posted @ 2020-05-31 17:42
热爱前端知识
阅读(358)
评论(0)
推荐(0)
摘要：
CSS的两种经典布局 左右布局 一栏定宽，一栏自适应 <!-- html --> <div class="left">定宽</div> <div class="right">自适应</div> <!-- css --> .left{ width: 200px; height: 600px; floa 阅读全文
posted @ 2020-05-31 16:43
热爱前端知识
阅读(149)
评论(0)
推荐(0)
摘要：
介绍 项目已经开源：https://github.com/nanhupatar... 欢迎PR 推荐 关注我们的公众号 display: none; 与 visibility: hidden; 的区别 相同： 它们都能让元素不可见 区别： display:none;会让元素完全从渲染树中消失，渲染的 阅读全文
posted @ 2020-05-31 15:47
热爱前端知识
阅读(167)
评论(0)
推荐(0)
摘要：
最近因为工作需要，自学了Sass。现在将学习笔记整理在这里，供大家参考。 1. Sass的安装 Sass的编辑器安装方法有很多，大致能分为两种：应用程序（application）和命令行界面（command line）。我使用的是命令行。因为之前已经在Mac上安装过Homebrew的package， 阅读全文
posted @ 2020-05-31 14:58
热爱前端知识
阅读(204)
评论(0)
推荐(0)
浙公网安备 33010602011771号