资讯专栏INFORMATION COLUMN

一些常用的 CSS 技巧和知识点

newtrek / 509人阅读

摘要:有没有一个地方,没有一大堆介绍我可能只是忘了怎么拼写,能让我直接复制粘贴呢于是应运而生了。以最简洁的语言描述问题或者介绍,总结一些常用的技巧和一些常用的规范理论。

作为一名前端工程师,CSS 是必备技能之一,然而在日常开发中,总有那么些时候,面对着炫酷的效果图,脑子里的 CSS 属性却一片空白,于是只能借助搜索引擎,在一堆复杂的介绍中找到需要的内容复制粘贴。有没有一个地方,没有一大堆介绍(我可能只是忘了怎么拼写),能让我直接复制粘贴呢?于是 CSS tricks 应运而生了。

CSS tricks 以最简洁的语言描述问题或者介绍,总结一些常用的技巧和一些常用的规范理论。

talk is cheap show me the code
What"s included 工具

三角形生成器

理论

命名规则

选择器

伪类和伪元素

单位

滤镜 filter

flexbox

grid

object-fit, object-position

手风琴

悬停

加载动画

弹簧动画

抛物线

清除默认样式

滚动条样式

midea 参考

手型

投影

技巧

垂直居中

底部自适应

三角形边框

文字超出显示省略号

插入换行

毛玻璃效果

绝对定位宽度自动撑开

文档: CSS tricks

github: https://github.com/QiShaoXuan...(请随手 star ~)

欢迎提出建设性的意见以及可增加的内容

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53170.html

相关文章

  • 一些常用 CSS 技巧识点

    摘要:有没有一个地方,没有一大堆介绍我可能只是忘了怎么拼写,能让我直接复制粘贴呢于是应运而生了。以最简洁的语言描述问题或者介绍,总结一些常用的技巧和一些常用的规范理论。 作为一名前端工程师,CSS 是必备技能之一,然而在日常开发中,总有那么些时候,面对着炫酷的效果图,脑子里的 CSS 属性却一片空白,于是只能借助搜索引擎,在一堆复杂的介绍中找到需要的内容复制粘贴。有没有一个地方,没有一大堆介...

    chaosx110 评论0 收藏0
  • 一些常用 CSS 技巧识点

    摘要:有没有一个地方,没有一大堆介绍我可能只是忘了怎么拼写,能让我直接复制粘贴呢于是应运而生了。以最简洁的语言描述问题或者介绍,总结一些常用的技巧和一些常用的规范理论。 作为一名前端工程师,CSS 是必备技能之一,然而在日常开发中,总有那么些时候,面对着炫酷的效果图,脑子里的 CSS 属性却一片空白,于是只能借助搜索引擎,在一堆复杂的介绍中找到需要的内容复制粘贴。有没有一个地方,没有一大堆介...

    lookSomeone 评论0 收藏0
  • CSS技巧

    摘要:技巧使你的更加专业这是上关于技巧的一篇译文,另外你也可以在本项目看到原文。列举了一些很实用的技巧,比如给空内容的标签添加内容,逗号分隔列表等等。排序算法看源码,把它背下来吧排序算法的封装。主要帮助初学者更好的掌握排序算法的实现。 成为专业程序员路上用到的各种优秀资料、神器及框架 成为一名专业程序员的道路上,需要坚持练习、学习与积累,技术方面既要有一定的广度,更要有自己的深度。 Java...

    DangoSky 评论0 收藏0
  • CSS技巧

    摘要:技巧使你的更加专业这是上关于技巧的一篇译文,另外你也可以在本项目看到原文。列举了一些很实用的技巧,比如给空内容的标签添加内容,逗号分隔列表等等。排序算法看源码,把它背下来吧排序算法的封装。主要帮助初学者更好的掌握排序算法的实现。 成为专业程序员路上用到的各种优秀资料、神器及框架 成为一名专业程序员的道路上,需要坚持练习、学习与积累,技术方面既要有一定的广度,更要有自己的深度。 Java...

    zgbgx 评论0 收藏0

发表评论

0条评论

newtrek

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<