摘要：
1.什么是Base64 Base64是一种基于64个可打印字符来表示二进制数据的编码方式，是从二进制数据到字符的过程。原则上，计算机中所有内容都是二进制形式存储的，所以所有内容（包括文本、影音、图片等）都可以用base64来表示。 2.Base64编码原理 Base64编码之所以称为Base64，是 阅读全文
摘要：
简评：近些年 CSS Flexbox在前端开发者中变得非常流行。其实并不奇怪，它能让我们更容易创建出动态布局，以及在容器中对其内容。然而城里新来了个小伙叫 CSSGrid，它有许多弹性盒的能力，有时候比弹性盒好用，有时候却不好用。作者点评了弹性盒、网格两者之间的差异，以及什么时候用哪种比较好。 先来 阅读全文
摘要：
问题描述 当使用委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span 等），此时 click 事件会失效。 可以使用下面的代码在 iOS 中进行测试。 <!DOCTYPE html> <html> <head 阅读全文
摘要：
为什么你写的height:100%不起作用？ 这个知识不算冷门的，但是用的时候可能还是会有些懵逼，不能生效时搜一搜就能找到答案了，但是你真的懂了吗？为什么想要设置一个全屏元素的时候，高度不受%的控制？ 1.百分比宽高的设定 按照w3c中的width和height属性，可以明确%设定宽高是根据父元素的 阅读全文
摘要：
问题描述 使用@import引入外部css，作用域却是全局的 <template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute to limit CSS to 阅读全文
摘要：
谢老板（谢然）最近在segmentfault讲堂上开了一个视频课程《带你彻底掌握CSS浮动》，因为视频比较长（69分钟），不方便回顾，我将之做了一个整理，并从我自己理解的角度进行了阐述，以做记录。 页面布局是CSS的一个重点应用，例如： 而实现页面布局主要应用到两种方法，一种是CSS浮动，一种是Fl 阅读全文
摘要：
将下拉菜单的ul高度设置为0，并且超出部分隐藏掉。 设置下拉菜单的高度添加过渡效果，高度为auto时过渡效果失效。 <style> ul{ list-style: none; margin: 0; padding: 0; } ul li a{ display: block; text-decorat 阅读全文
摘要：
描述 此bug出现需要条件：父元素需使用绝对定位absolute或固定定位fixed，使用overflow: scroll / auto（或overflow-y: scroll / auto)，内部子元素是动态大小（例如较大的svg document，近似为内嵌iframe，等等）。 bug出现原因 阅读全文
摘要：
bootstrap:http://www.bootcss.com/ Bootswatch:https://bootswatch.com/ semanticUI:https://semantic-ui.com/ Foundation:https://foundation.zurb.com/ Bulma 阅读全文
摘要：
如何让一段文字居中，在人类看来如此简单的问题，在css界却变成了多年令人头疼的问题，关于居中的文字如汗牛充栋，但每到用时还是会有问题。单单一个『中』是什么，在css里就有两种不同的称呼：center和middle，水平居中要用center，垂直居中要用middle（到了css3时代引入了更多混乱，f 阅读全文
摘要：
css浮动的理解 什么是“浮动” 概念 浮动是指的是css的属性float。对于设置了浮动的元素，在页面效果上可以通俗的理解为“这个元素漂起来了（在水上）”，位置发生变化，不按HTML代码中排列。从定义上理解，即该元素脱离了文档流（常规流）。 以下是MDN web docs中关于浮动的描述： flo 阅读全文
摘要：
你知道『回』字有四种写法，但你知道display有32种写法吗？今天我们一一道来，让你一次性完全掌握display，从此再也不用对它发愁。 从大的分类来讲，display的32种写法可以分为6个大类，再加上1个全局类，一共是7大类： 外部值 内部值 列表值 属性值 显示值 混合值 全局值 外部值 所 阅读全文
摘要：
-webkit-overflow-scrolling介绍 -webkit-overflow-scrolling: auto | touch; auto： 普通滚动，当手指从触摸屏上移开，滚动立即停止touch：滚动回弹效果，当手指从触摸屏上移开，内容会保持一段时间的滚动效果，继续滚动的速度和持续的时 阅读全文
摘要：
css3属性-webkit-font-smoothing 对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。但是，我们可以用以下两 阅读全文
摘要：
html 在html使用了网上阿里的函数来计算根元素的字体(当然可以写在其他地方，只要生效就可以) <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capa 阅读全文
摘要：
文章作者：Pablo Gomez Guerrero 原文链接：《How to Work with Microsoft Bot Framework Since Last Update》 翻译：一熊翻译组 Mason 如果你有使用微软机器人框架的话，你很有可能已经看见提示你迁移机器人的边栏了。你也可能会 阅读全文
摘要：
nth-child 和 nth-of-type是CSS的两个伪选择器。要对相同位置或相似做操作的时候非常有用。前者的字面意思是选择第几个子元素，后者的字面意思是选择某类型的第几个元素。 首先来看他们的完整格式。 selector:nth-child(an+b) /* 如 tr:nth-child(3 阅读全文
摘要：
nth-child和nth-of-type是css的两个伪选择符。应用中，这两者常常容易混淆。这里把它们拿出来仔细做个对比，看看这两者是怎么查找元素的。 nth-child(n) —— 寻找第n个子元素nth-of-type(n) —— 寻找同一类型元素里的第n个元素 看这个定义也许还不是很清楚他们 阅读全文