分享几个常用的css网站

野食小猪

已于 2022-05-28 09:51:22 修改

阅读量4.4k

点赞数 4

文章标签： css 前端 css3

于 2022-05-28 09:50:23 首次发布

本文链接：https://blog.csdn.net/weixin_44307818/article/details/124630840

版权

提示：~~项目和人，有一个能跑的就行~~

文章目录

前言
一、CSS 参考网站
- 在这里插入图片描述
二、CSS 参考网站
三、CSS集合，自由调节动画参数，生成代码片段：
五、通过做饭，练习 CSS 选择器
六、送小青蛙回家，学习 flex 布局
总结

前言

提示：这里可以添加本文要记录的大概内容：

自己整理的css的网站，写博客方便自己以后用到查找。

提示：以下是本篇文章正文内容，下面案例可供参考

一、CSS 参考网站

 https://chokcoco.github.io/CSS-Inspiration/#/

二、CSS 参考网站

 https://htmlcheatsheet.com/css/

在这里插入图片描述

三、CSS集合，自由调节动画参数，生成代码片段：

 https://animista.net/play/

在这里插入图片描述

五、通过做饭，练习 CSS 选择器

 https://flukeout.github.io/

在这里插入图片描述

六、送小青蛙回家，学习 flex 布局

 https://htmlcheatsheet.com/css/

在这里插入图片描述

总结

这几个前端学习页面，个人亲测可用！！！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

野食小猪

关注关注

4
点赞
踩
28

收藏

觉得还不错? 一键收藏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

pure-css-chinese:中文纯CSS网站

04-29

纯CSS网站展示的网站。从本地运行分支这是一个使用Express.js的node.js网站，这意味着在本地运行非常容易。 $ npm install $ npm start 自动构建浏览器资产该站点使用集成的构建过程。当网站以开发模式运行时，Broccoli将监视public/目录中的所有内容，并在发生更改时进行重建。这使得处理浏览器端功能变得更加容易，而无需手动启动构建过程或重新启动服务器。使用本地纯服务运行由于该网站dogfoods 的功能非常强大，因此可以尝试您对Pure进行的本地更改。以下步骤说明了如何在本地提供Pure服务的情况下运行网站，并且这些说明假定您已安装（如果现在未安装，则为： npm -gi bower ）。移至您在本地检查了pure项目的位置，通过grunt构建，然后使用Bower创建全局链接： $ cd pure/ $ grunt $

分享几个CSS小众但炫酷的技巧

12-13

本文将介绍几个不常被广泛知晓但非常炫酷的CSS技巧，这些技巧可以为你的网站增添独特魅力，提升用户体验。 1. **黑白图像** 使用CSS滤镜属性`filter`，我们可以轻松地将彩色图像转换为黑白效果。通过设置`...

4 条评论您还未登录，请先登录后发表或查看评论

收藏这几个开源库，写css你会笑出声

fefdfg的博客

11-24

1517

你是否遇到过写css没灵感，写不出酷炫的效果，那这篇文章你一定要看完。知道这几个开源库，它能让你写出炸天的效果并且有效地增加你的摸鱼时长。

11个有用的css编辑网站

weixin_50559423的博客

08-21

1205

官方网站：https://bennettfeely.com/clippy/ 其他： https://www.cssportal.com/css-clip-path-generator/在这里你可以生成多个加载动画并将其下载为SVG、GIF、PNG和其他格式，但它最棒的特点是你可以将这些动画自定义到一个新的水平。官方网站：https://9elements.github.io/fancy-border-radius/可以为Grid生成很棒的css，你可以使用div对其进行自定义，它还将为此创建子元素。

20个学习CSS的绝佳网站——让你从入门到精通

小秋博客

09-30

1381

<br />CSS（层叠样式表）是一种简单的设计语言，能够将页面变漂亮这回事儿变的简单化。在HTML和XHTML中设定页面的样式，这是最常用的应用。但也可以应用于 XML类的文档，包括SVG和XUL。他负责管理网页的设计和外观。使用CSS，你可以控制文字的颜色、字体、段落间距、分栏的数目大小布局、背景图片颜色，以及其他很多种的效果。接下来才是要说的是学习并掌握CSS的20个绝佳站点。这里收集到的CSS站点能使你从初学者到高级人员。这些能协助你开发和改进网站。恩，随便看看吧。<br />Csstutorial

css相关资源网站

创世元年

12-29

1657

来源：http://blog.donews.com/dodo/archive/2006/11/10/1075549.aspxCSS Diagrams, Bar Graphs, Star Rater Creating a graphRuss Weakley - Creating a graph using percentage background images

css样式辅助网站

estrusKing的博客

11-21

1152

1 You-need-to-know-css 2.css-Inspiration 3.css_tricks 4.spinkit 5.animista:

6个非常有用的 CSS 资源网站

南三方---网站设计开发录

04-14

1051

作为一个 Web 设计师，精通 CSS 是绝对必要的而且对于 Web 开发也是必须的。良好的 CSS 编写习惯可以帮助你节省时间，并且能更好地进行网站的后期维护使得运行速度更快，从而节约带宽。下面是6个非常有用的 CSS 资源网站，包括 CSS 学习技巧、CSS 文章、CSS 高级文档等。 A List Apart http://www.alistapart.com/topi

常用的几个单页应用程序网站分享

09-22

以下是一些常用的单页应用程序网站，它们各自拥有独特的功能和实用性。首先，CSS3Please是一个极其有用的工具，对于前端开发者来说，它可以让你实时预览和编辑CSS3的效果。通过调整不同的参数，如边框半径、阴影等...

css常用网站

weixin_33871366的博客

03-29

147

工具调节贝塞尔曲线的网站：http://cubic-bezier.com/ css3动画调节网站：http://jeremyckahn.github.io/stylie/ 十个顶级的css3动画生成器：http://www.codeceo.com/article/10-top-css3-code-generator.html 小知识点 css3矩阵：https://mp.weixin....

一些可参考的css网站

qq_32389095的博客

07-27

411

常用配色表：https://css.bqrdh.com/color-scheme?css生成器：https://css.bqrdh.com/text-style-editor。代码生成器（包含其他语言）：https://code.bqrdh.com/各种css元素可视化：https://uiverse.io/css动画交互：https://navnav.co/

css 网站常用

weixin_30819163的博客

04-08

简单的loading效果 .progressBar { border: solid 1px #303031; font: bold 20px/22px Arial, sans-serif; background: white url(/images/loading.gif) no-repeat 10px 10px; filte...

9个免费的 CSS 生成器网站

web前端开发

02-06

3165

工欲善其事，必先利其器，高效的开发除了需要熟练的开发者外，还需要合适的开发工具。在实际开发中，我们可以使用 VSCode、WebStrom 进行代码的编写，但是，如果我们为了提高工作效果，我们还需要借助一些小工具，像今天这些CSS代码生成器就是这样的小工具，我在这里跟大家分享了9个小工具，希望对你有用。1.Color Zilla网址：https://www.colorzilla.com/gradi...

10个有用的css编辑网站

u011269322的博客

11-01

3968

阴影形状动画渐变波形生成器网格生成器 icon图标

20+个最棒的 CSS 在线参考网站

jyb123的专栏

06-24

668

20+个最棒的 CSS 在线参考网站时间 2015-06-19 10:20:59 Coder资源网原文 http://info.9iphp.com/20-css-reference-websites/ 主题 CSS 如果你是一个WEB开发人员，你不可能记得所有的CSS属性和值，这时，CSS参考手册将是非常有帮助的。这篇文章会为你展示一些最好的CSS参考网站

好看的css样式案例网站

jieyucx的博客

11-28

1080

比如说我们要这个案例的代码点击get code就可以了右侧有完整的示例代码。

整理一些好用的css, javascript资源网站等

jokes000的专栏

08-18

1800

CSS： css3信息：http://www.css3.info/ css3生成器：http://css3generator.com/ css3 cross brower生成器：http://css3please.com/ Style Master CSS Editor for Windows and Mac OS X：http://westciv.com/tools/index.html

【css】精美样式库网站

qq_45852108的博客

04-09

429

都是动态的可以查看对应的html和css。

分享几个 html落地页代码

分享几个常用的css网站

文章目录

前言

一、CSS 参考网站

二、CSS 参考网站

三、CSS集合 ，自由调节动画参数，生成代码片段：

五、通过做饭，练习 CSS 选择器

六、送小青蛙回家，学习 flex 布局

总结

三、CSS集合，自由调节动画参数，生成代码片段：