首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
天大地大老婆最大
更多收藏集
微信扫码分享
微信
新浪微博
QQ
19篇文章 · 0订阅
一起搞懂 CSS 水平居中与垂直居中的16个方法
以上是 CSS 水平居中的 8 种方法。 注:① 子元素 line-height 值为父元素 height 值。② 单行文本。 适应 IE7。 元素高度可以动态改变, 不需再CSS中定义, 如果父元素没有足够空间时, 该元素内容也不会被截断。 IE6~7, 甚至IE8 beta…
CSS filter 生成不规则边框
之前做过很多特殊的布局,比如在这两篇文章 CSS 实现优惠券的技巧 (juejin.cn)、CSS 实现支持渐变的提示框(tooltips) (juejin.cn),如下 但是一直有一个痛点就是:无法
夜12点,头秃的那家伙,还在用 CSS 处理图片上的文字
做项目过程中,我们可能会遇到这样的一个组件,该组件的图像上方是文本。 在某些情况下,根据所使用的图像,文字难以阅读,如文字是白色的,背景图偏浅。 这种情况有一些不同的解决方案,例如添加渐变叠加或着色的背景图像,文本阴影等。 每个解决方案都应该解决一个问题。 我们来探讨本案的问题…
学习flex布局,看这篇就够了!
这是我参与8月更文挑战的第6天,活动详情查看:8月更文挑战 Flex是Flexible Box的缩写,表示弹性布局,用来为盒子模型提供最大的灵活性。 任何一个容器都可以设定为flex布局: 设定为fl
【爆肝面试系列】CSS 垂直居中的正确打开方式
前言之爆锤面试官神器 - 11 种 CSS 垂直居中 其实垂直居中主要分为了两种类型:**居中元素宽高已知** 和 **居中元素宽高未知**,那么我们就结合这两种类型来一一做举例。
CSS八种让人眼前一亮的HOVER效果
巧用伪元素:before、:after等,让你的页面按钮眼前一亮。更多内容:https://github.com/reng99/blogs
【BiliBili 秋】头图景深对焦效果
大家好,我是 Steven。 今期我们会介绍怎样实现 BiliBili 秋季 的那个顶部图片横幅效果,当游标移过去的时候,随着左右移动,会有景深和对焦的效果。 打开 CodePen 编辑器,在 HTML 的部份加入一个 <header> 标签,然后里面加入六个 &#x…
一些有意思的阴影特效,建议收藏!
CSS3新增了box-shadow,用于设置盒子的阴影,今天玩了一下~~~~~~~~~~~~~~~~
灵活运用CSS开发技巧
何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。 每写好一篇文章,都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
从王者荣耀里我学会的前端新手指引
在王者的世界里,不仅仅只有快乐,还能搞学习,让你成为快乐而又富有知识的人。这其中的功臣,这不得不说的就是它的新手指引。 为什么这么说呢?我们先来看几张图。 没错,上面的就是王者荣耀的新手引导,手把手教学,还有妲己美妙的声音。 整个过程大约 2分钟。它使用了多种引导方式,蒙层引导…