阿嚏乱码的地方

晚上下班回到家中，惯例打开B站，B站首页变成了黑白色主题。B站首页是如何做到的黑白主题？如果首页html换成黑白风格的，这个好实现。可是每个视频封面图都重新做一张黑白的版本，每个视频都是up主自己的投稿视频啊，怎么保证封面图都能黑白色呢？后期靠人工换的话，那代价也大了，而且也很傻。那么能不能靠技术手段解决呢？让我们打开开发者工具看看页面具体的样式。突然我发现在html...

一个块格式化上下文（block formatting context） 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。一个块格式化上下文由以下之一创建：根元素或其它包含它的元素 浮动元素 (元素的 float 不是 none) 绝对定位元素 (元素具有 position 为 absolute 或 fixed) 内联块 (元...

关于icon，可以有6种方法来实现iconimg 法 background 法 css sprites 法 font 法 SVG 法 CSS法1、img 法顾名思义用img标签插入图片。缺点：图片过多时，增加服务器请求，当然你可以使用cdn。2、background 法把图片放在css背景标签中，background属性能够控制图片居中，平铺，横向或者纵...

首先我们先来认识css的一些长度单位：px：像素em：表示自身元素font-size的计算值，如果自身没设置font-size，则继承父元素font-size的计算值rem：root rem 根元素font-size的计算值vh：viewport height 视口的高度vw: viewport width 视口的宽度还有一些不常用的：ex：这个单位...

这是一篇译文，对 inline 和 inline-block 的元素剖析非常给力。原文：Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira--------------line-height 和 vertical-align 都是简单的 CSS 属性，以致于大多数人自以为知道这...

今天介绍一下在css使用中用到的居中知识，一共以下3点：水平居中 垂直居中 水平垂直居中水平居中水平居中需要考虑3点：行内或是行内元素居中？ 块级元素居中？ 多个块级元素居中？1、行内或是行内元素居中：这可以适用于inline, inline-block, inline-table, inline-flex核心代码：.center-children{tex...

需要支持IE8吗？No！：Flex布局+弹性宽度 Yes！：Float布局+定宽 可支持到IE5原则：不到万不得已不要写死width和height 尽量使用高级语法，如：calc、flex 如果是IE9以下，则全部写死口诀：1、float子元素全部加：float：left（right）父元素加： .clearfix如果宽度不够，可以...

接触CSS有很长的一段时间了，我对它的感情每次都有些不同，简单··· 费解··· 神奇··· 好玩···CSS就是这么一门不正交的语言，你无需一步步从头学起，它就像乐高积木，学会了一点就能用上一点。尽管CSS不正交，属性也比较多不好记，但没关系，你只要记住用的最多的几种方法足矣应付业务中大部分需求：行内水平居中，块级水平居中 行内垂直居中，块级垂直居中，fixed定位的margin...