首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
哩哩咧咧
更多收藏集
微信扫码分享
微信
新浪微博
QQ
18篇文章 · 0订阅
RHB
3年前
前端
CSS
你需掌握的CSS知识都在这了(长文建议收藏,文末有福利)
css盒子模型 又称为框模型(Box Model),包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。如下图: 图中的内层是content依次是padding border margin。通常我们设置背景时就是内容…
2.3w
657
25
osimly
6年前
CSS
flexbox
一劳永逸的搞定 flex 布局
寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐,然而很快就失望的发现 CSS 中并不存…
14.9w
2632
107
Vince_
5年前
CSS
JavaScript
前端
CSS动画:animation、transition、transform、translate傻傻分不清
在平时开发过程中,由于都是自己捣鼓玩的项目,并没有UI设计给我的设计图,更没有什么特效要求,导致对css动画一直都不是很熟悉,但是作为即将进入实习单位的萌新程序员,要时刻准备着设计师要求的各种动画,于是有了这一篇文章。 什么叫过渡?字面意思上来讲,就是元素从这个属性(color…
3.8w
761
37
Chokcoco
4年前
GitHub
CSS
前端
你所不知道的 CSS 阴影技巧与细节
关于 CSS 阴影,之前已经有写过一篇,box-shadow 与 filter:drop-shadow 详解及奇技淫巧,介绍了一些关于 box-shadow 的用法。 最近一个新的项目,CSS-Inspiration,挖掘了其他很多有关 CSS 阴影的点子,是之前的文章没有覆盖…
1.6w
543
33
Sweet_KK
5年前
CSS
前端
干货!各种常见布局实现+知名网站实例分析
阅前必看:本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局,待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读,还特意…
18.0w
3341
91
毛瑞_三十课
5年前
CSS
前端
flexbox
【基础知识】Flex-弹性布局原来如此简单!!
布局的传统解决方案是基于盒状模型,依赖 display + position + float 方式来实现,灵活性较差。2009年,W3C提出了一种新的方案-Flex,Flex是Flexible Box的缩写,意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…
3.6w
996
24
Lindz
6年前
CSS
前端
详解 CSS 居中布局技巧
基本上涵盖了 CSS 垂直居中和水平居中的技巧,并给出不同的适用场景。
3380
168
2
程序员山月
6年前
CSS
前端
CSS 技巧:使你的 CSS 更加专业
这是 github 上关于 css 技巧的一篇译文,另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧,比如给空内容的 a 标签添加内容,逗号分隔列表等等。 鉴于很多人吐槽翻译,在pr为通过前,先改成我自己的翻译...
2.2w
951
24
Chokcoco
4年前
CSS
JavaScript
前端
滚动视差?CSS 不在话下
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 作为网页设计的热点趋势,越来越多的网站应用了这项技术。 通常而言,滚动视差在前端需要辅助 Javascript 才能实现。当然,其实 CSS 在实现滚动…
2.3w
1371
48
小小茂茂
4年前
CSS
前端
图片资源
不定期更新的CSS奇淫技巧(二)
内部的Box会在垂直方向,从顶部开始一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加 box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。 BFC的区域不会与float box叠加。 B…
1.3w
681
26