最新推荐文章于 2024-09-29 23:45:12 发布
最新推荐文章于 2024-09-29 23:45:12 发布
阅读量108 收藏
点赞数
文章标签： markdown
原文链接：https://juejin.im/post/5aab4f985188255582521c57
版权

作为一名Web开发者，CSS是必备技能之一，我一直以为自己对CSS的掌握已经够用了，直到读Lea Verou的《CSS揭秘》时，我发现自己充其量就算个会打CS的选手，书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案，在这里强烈的推荐给每一位从事前端相关的开发者，相信你一定会有所收获。

为了以后可以更爽的复制粘贴，笔者把自己的收获和工作中常用的一些CSS小样式总结成这份文档，一共包含43个CSS的小样式（持续更新…）。文档还有很多不足的地方，还请各位多多指教，如果觉得对你有一点帮助，欢迎大家一起来完善?~

What's included

边框与背景

常见形状

视觉效果

用户体验

结构布局

动画过渡


文档中代码支持实时调试预览，若有疑问或者建议请直接在文档下方留言，如果你有更有趣更实用的技巧，欢迎补充~

文档：You-need-to-know-css

Github：LHammer/You-need-to-know-css(欢迎PR)


小小的吐槽一下：掘金的编辑器/markdown嵌入的badge在移动端为什么无法显示？复制代码


weixin_34037515
关注
css_tricks：一些CSS技巧，一些CSS常用样式
02-05
css_tricks：一些CSS技巧，一些CSS常用样式
VUE2.0集成 Markdown 编辑器
06-24
本篇文章将详细探讨如何在Vue 2.0项目中集成Markdown编辑器，以便为用户提供一个便捷的文本编辑体验。 Markdown是一种轻量级的标记语言，它允许我们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML。...
剖析CSS-Tricks，为我所用
weixin_33872566的博客
04-09 478
CSS-Tricks网站是一个非常优秀的网站，特别对于CSSer而言，该网站不断的在更新一些优秀的教程和技巧，为前端社区做出了具大的贡献。她一直是我的偶像，也是我学习的榜样，因为我从该网站上学到了很多新技术，让我在CSS方面的眼界扩展的更大。今年1月份改版之后，整个社交媒体的响应非常的热烈，很多人都为新版赞赏。而我这次参加中国第五届CSS Conf大会之...
CSS Tricks - 你应该知道的 CSS 技巧
weixin_34122604的博客
10-29 1694
作为一名前端工程师，CSS 是必备技能之一，然而在日常开发中，总有那么些时候，面对着炫酷的效果图，脑子里的 CSS 属性却一片空白，于是只能借助搜索引擎，在一堆复杂的介绍中找到需要的内容复制粘贴。有没有一个地方，没有一大堆介绍（我可能只是忘了怎么拼写），能让我直接复制粘贴呢？于是 CSS tricks 应运而生了。 CSS tricks 以最简洁的语言描述问题或者介绍，总结一些常用的技巧和一些常用...
Web开发者需要知道的CSS Tricks
chouzhi4938的博客
04-11 87
作为一名Web开发者，CSS是必备技能之一，我一直以为自己对CSS的掌握已经够用了，直到读Lea Verou的《CSS揭秘》时，我发现自己充其量就算个会打CS的选手，书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案，是我完整读过的唯一一本关于CSS的书籍（读的书少到...
css Tricks
qq_42532540的博客
06-19 131
有关cssCSS 的新属性和一点奇技淫巧网站 https://qishaoxuan.github.io/css_tricks/
使用 ChatGPT 自动将 Markdown 文件批量翻译为多语言
02-07
本文将深入探讨如何利用Python结合ChatGPT这一先进的AI模型，实现Markdown文件的批量多语言翻译。ChatGPT是由OpenAI开发的预训练语言模型，具有强大的自然语言理解和生成能力，非常适合用于文本翻译任务。 首先，要...
微信小程序Markdown渲染库.zip
09-30
微信小程序Markdown渲染库是一款专为微信小程序设计的Markdown解析和渲染工具，允许开发者在小程序中展示Markdown格式的内容，为用户提供类似Markdown编辑器的功能。这款库通常用于博客、文档展示、笔记应用等场景，...
转换PDF到markdown快速与高精度.zip
02-07
PDF（Portable Document Format）是一种广泛使用的文档格式，用于存储丰富的文本和图像信息，但它的编辑并不像Markdown那样简便。Markdown则是一种轻量级的标记语言，适用于编写易于阅读和编写的纯文本文件，且可以...
CSS tricks
WWF_HelloWorld
09-08 462
想要记录一些CSS使用的little tricks，每一个点可能太小，不足以构成一篇博客，在此汇总记录，持续更新。 CSS tricks1. `text-align: justify`在单行上不起作用怎么办 1. text-align: justify在单行上不起作用怎么办 实现文本两端对齐： text-align: justify; 多行文本：最后一行左对齐，其它行两端对齐；就像在wor...
CSS Tricks
了凡
02-16 1535
CSS Tricks一些CSS的小技巧1.如何准确的居中？ 参考Quick CSS Trick: How To Center an Object Exactly In The Center.centered { position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -100px; } 2.铺满
css技巧 ——CSS Tricks
weixin_51277037的博客
05-23 695
垂直居中 未知父元素高度 .parentElement { display: block; &:before { content: " "; display: inline-block; vertical-align: middle; height: 100%; } .childElement { display: inline-block; vertical-align: middle; } } 已知父元素高度 .parentE
css-tricks.com
songxiugongwang的博客
11-13 238
https://css-tricks.com/snippets/css/a-guide-to-flexbox/#article-header-id-9  
You-need-to-know-css
weixin_30908649的博客
03-17 228
半透明边框 背景知识：background-clip <div class="main"> <input id="pb" type="checkbox" checked> <label for="pb">padding-box</label> <d...
【CSS Tricks】css动画详解
最新发布
qbbmnnnnnn的博客
09-29 1453
动画包括两个部分：描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。 相较于传统的脚本实现动画技术，使用 CSS 动画有三个主要优点： 能够非常容易地创建简单动画，你甚至不需要了解 JavaScript 就能创建动画。 动画运行效果良好，甚至在低性能的系统上。渲染引擎会使用跳帧或者其他技术以保证动画表现尽可能的流畅。而使用 JavaScript 实现的动画通常表现不佳（除非经过很好的设计）。 让浏览器控制动画序列，允许浏览器优化性能和效果，如降低位于隐藏选项卡中的动画更新频率。
css tricks总结
Belle_Chou的博客
12-10 233
让box居中 可以固定宽度，然后左右的margin都设为auto body { width: 200px; margin: 20px auto; border: 20px solid #bdc3c7; } 让box自适应窗口 max-width:只要比width的60%大，就stay700px，比60%小，就跟随窗口比例缩放。 body { width: 60%;...
css tricks，画各种基本图形
zeyu1021的专栏
02-25 1032
今天看到一个css tricks的文章，感觉不转载都对不起自己： 图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你也觉得很震撼，推荐给你的朋友
探索 CSS 神秘技巧：CSS_Tricks 项目深度解析
gitblog_00088的博客
03-21 560
探索 CSS 神秘技巧：CSS_Tricks 项目深度解析 项目地址:https://gitcode.com/QiShaoXuan/css_tricks 在前端开发的世界里，CSS 是构建美观、响应式网页的关键。然而，其语法和特性之多往往让开发者感到困惑。今天，我们要介绍一个非常实用的项目——CSS_Tricks，这是一个由 QiShaoXuan 创建并维护的 GitHub 仓库，旨在收集和分享各...
CSS Tricks各种动画效果
weixin_45432736的博客
01-01 252
CSS Tricks各种动画效果
Markdown语法快速指南
"Markdown语法基础教程" Markdown是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML（超文本标记语言）文档。这种语法简单、直观，使得编写文档变得轻松，尤其适合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值