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