首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css布局
订阅
HelloAI
更多收藏集
微信扫码分享
微信
新浪微博
QQ
34篇文章 · 0订阅
CSS 奇思妙想边框动画
觉得它的风格很独特,尤其是其中一些边框。 嘿嘿,所以来一篇边框特辑,看看运用 CSS,可以在边框上整些什么花样。 谈到边框,首先会想到 border,我们最常用的莫过于 solid,dashed,上图中便出现了 dashed。 除了最常见的 solid,dashed,CSS b…
10 个 GitHub 上超火的 CSS 奇技淫巧项目,找到写 CSS 的灵感!
一般人没事的时候刷刷朋友圈、微博、电视剧、知乎,而有些人是没事的时候刷刷 GitHub ,看看最近有哪些流行的项目。 久而久之,这差距就越来越大,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间,最大的差距可能就是信息差造成的。 …
这可能是史上最全的 CSS 自适应布局总结
百分比,浮动,普通 inline,绝对定位,弹性盒
【译】CSS Flexbox 学习指南、工具与框架
可能是最全的学习 Flexbox 的资源了,希望对大家有所帮助。
你未必知道的CSS知识点(第二季)
本文的每一条,都是我曾经发过的掘金沸点,其中有很多条超过了百赞(窃喜)。 鉴于时不时有童鞋翻我以前的沸点,因此,本系列收集了个人目前发过的所有CSS知识点动图,以便阅读。 两个月前,曾发过一篇《你未必知道的49个CSS知识点》,已有3000多赞,这里,老姚真心谢谢大家的支持。 …
【前端词典】提高幸福感的 9 个 CSS 技巧
在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用,觉得挺高效实用,所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候,padding 和 margin 两个是常用的属性,但我们…
你该知道的《css揭秘》--背景与边框篇
将背景绘制范围设为padding-box,边框设置为透明色,即可实现效果。 上图多边框可使用 box-shadow 实现,有一个缺点就是只能设置实线。 box-shadow支持逗号分隔语法,我们 可以创建任意数量的投影。 如上图,如果只是需要两层边框,当然我们还可以使用outl…
你所不知道的css
作为一名长期潜水的前端er、切图仔,在木易杨老师的鼓励下,开始尝试去写一写文章,来整理、分享自己的一些学习所得,与掘金的大佬们共同进步。 众所周知,随着css3的出现,css可以更加方便的书写样式层。今天我们就来整理一些你所不知道的css! 注:IE已经被微软爸爸所抛弃,果断放…
《CSS世界》中提到的实用技巧
以下技巧的具体原理和解释请支持张老师的《CSS世界》,在这里不做展开。 一部分没录入的技巧原因是部分属性将被标准废弃,如:clip。还有一部分是因为个人觉得兼容性不好,而且CSS3的一些特性可以弥补,比如text-align:justify;,完全可以用flex布局实现。 应网…
【基础知识】Flex-弹性布局原来如此简单!!
布局的传统解决方案是基于盒状模型,依赖 display + position + float 方式来实现,灵活性较差。2009年,W3C提出了一种新的方案-Flex,Flex是Flexible Box的缩写,意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…