首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
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可以简便、完整、响应式地实现多种页面布局。下…