css
11篇文章 · 0订阅
  • 从青铜到王者10个css3伪类使用技巧和运用，了解一哈
    伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素。具体的伪类和伪元素相…
    CSS 动效
    从青铜到王者10个css3伪类使用技巧和运用，了解一哈
  • 从一个垂直居中的方法深度了解基线与 vertical-align
    今天在一篇文章中无意看到一个利用伪元素实现垂直居中的方法，费了好大劲理解了它的原理，于是就有了这篇文章。 在深入了解之前，先来了解一些基本概念。 一行 inline 元素中，取行高最高元素的作为基准元素。 我们都知道，默认情况下，行内元素的垂直对齐方式为基线对齐。这里的基线（b…
    CSS 前端 .NET
    从一个垂直居中的方法深度了解基线与 vertical-align
  • 面试经常提到的重排和重绘，你真的了解吗？
    前端面试中你可能会被问到重排重绘，但是你清楚什么是重排和重绘吗？为什么减少重排重绘能够优化Web性能？如果减少重排重绘？
    浏览器
    面试经常提到的重排和重绘，你真的了解吗？
  • 50道 CSS 基础面试题（附答案）
    1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin …
    CSS
  • 【建议收藏】css晦涩难懂的点都在这啦
    下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…
    CSS
    【建议收藏】css晦涩难懂的点都在这啦
  • 面试官：你能实现多少种水平垂直居中的布局（定宽高和不定宽高）
    我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。接下来我们通过不同的方式来实现，让我们成功破解这道面试。 不定宽： 参考上诉例子中不定宽高例子。
    CSS
    面试官：你能实现多少种水平垂直居中的布局（定宽高和不定宽高）
  • 为何你始终理解不了JavaScript作用域链？
    掘金上关于作用域和作用域链的讨论非常多，但少有人来讲清楚JS中相关的机制，这里我就捡一些大佬们看剩的知识，来讲讲理解作用域之前的准备。 想直接看解析的请跳到：2. JavaScript是如何执行的? 1. 理解前的普及：编译原理 把词法单元流数组转换成一个由元素逐级嵌套所组成的…
    JavaScript
    为何你始终理解不了JavaScript作用域链？
  • 面试之CSS篇 - 边距重叠与BFC
    在 标准盒子模型中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。 边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。…
    CSS
  • CSS 怎样写一个动画（从基础动画到3d动画)
    以前看过许多教学视频，大部分讲师都是讲个大概，然后就开始无厘头的灌输知识了。直到我后来看到一位优秀讲师的视频，他的讲课模式是第一堂课展示成果。这样下来，当我看到最终效果，我就有心思去不断学习这个东西了。 1. 简单的渐变动画 2. 稍复杂的关键帧动画 3. 结合transfor…
    CSS
  • CSS3的癫疯展示——3D立方体动画（你要的全景视图来了）
    上篇CSS3 3D属性入门篇受到了别人的嗤之以鼻，一万点伤害值，好吧，你要的全景视图来了。（哈哈，打击是进步的阶梯！）。今次就来个大家用3D属性最爱炫技的场景，旋转的立方体，有人声称这种动画简直代表了CSS3的癫疯，不不，是巅峰。做完之后只想吼一声，你说的没差！由平面动效进阶到立…
    HTML CSS 设计