首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
fly_dream
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
面试: 解析CSS中PX在不同DPI设备下的尺寸问题
在前端开发中,我们经常使用CSS来定义网页元素的样式和布局。其中,像素(PX)是一种常用的长度单位。然而,当在不同DPI的设备上展示相同的像素值时,可能会出现尺寸显示不一致的问题。本文将深入探讨这些可
用了这些css命名小技巧,我的代码优雅了不少!
如果您使用 CSS 有一段时间,那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 CSS 都是全局的,随着代码库的增长,防止样式相互冲突并导致意外副作用变得越来越困难!
用过媒体查询@media吗?
@media 可以针对不同的屏幕尺寸设置不同的样式,这在设计响应式的页面会非常有用。例如,媒体查询可以缩小小型设备上的字体大小,在纵向模式下查看页面时增加段落之间的填充,或者增加触摸屏上
CSS国际化
很多前端根本不认为CSS与国际化有关,但其实网站内容的呈现方式存在各种细微差别,影响母语人士使用网站的体验。所以今天我们聊聊这个很容易被忽略却很重要的话题: CSS国际化相关。
用SVG实现一个优雅的提示框
前言Tooltips常被称为提示框(或信息提示框),提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为,而是来看看如何以最好的方式来还原他们的视觉效果,
10 个 GitHub 上超火的 CSS 奇技淫巧项目,找到写 CSS 的灵感!
一般人没事的时候刷刷朋友圈、微博、电视剧、知乎,而有些人是没事的时候刷刷 GitHub ,看看最近有哪些流行的项目。 久而久之,这差距就越来越大,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间,最大的差距可能就是信息差造成的。 …
灵活运用CSS开发技巧
何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。 每写好一篇文章,都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
前端布局必须了解的css选择器
有时候我在想,我们前端写页面比较花时间,能不能减少这部分时间呢?当然你会说“你傻啊,不是有UI库嘛!”,但是别忘了,不是每个项目都有可用的UI库,同时使用别人的UI库,并不能百分比能够解决你所有的问题,如果我们对CSS选择器了解的更多一些,或许就可以少写很多JavaScript…
我发现了7个关于 CSS backgroundImage 好用的技巧
背景图像可能是我们所有前端开发人员在我们的职业生涯中至少使用过几次的CSS属性之一。大多数人认为背景图像不可能有任何不寻常的地方,但经过研究,答案并非如此。所以本文收集了七个我认为最有用的技巧,并创建了一些代码示例。 另一个很酷的背景特效就是三角形背景,当我们想展示某些完全不同…
flex布局导致图片变形
测试:手机端图片怎么变形成这样,如下图。 上面代码定义了最四个子项,给父级设置了 flex 布局。这一切都是我们熟悉的最简单的 flex 布局方式。此时没有给子项设置高度,高度由子项自身高度撑起。 为了明显我给父级设置了1px的border。可以看到子项会自动撑满整个父级的高度…