首页 > Web开发 > 详细

前端技术分享：一个超级好用的CSS样式表

时间：2021-03-15 13:24:05      阅读：17      评论：0      收藏：0      [点我收藏+]
大家可以经常逛一些程序员比较喜欢的论坛贴吧，你会有不一样的惊喜呢，今天小千就来给大家分享一个在GitHub上面发现的超级好用的CSS样式表，来看一看。
看名称本以为是一个动画库，但是看下来才发现这是一个改变默认HTML元素样式的css，而且不需要添加额外class！！
在网上其实有很多更改默认样式的css库，但是大多需要添加class，那么多class每次还需要查文档，万一写上头忘记加，一看页面，一个大大的白眼送给自己
技术分享图片
只需要在自己的项目中引用一个css文件即可，而且提供了三种主题
1、Automatic：根据页面中设置的prefers-color-scheme自动识别开启深夜模式
技术分享图片
2、Dark theme：深夜模式
技术分享图片
3、Light theme：默认的正常白天模式
技术分享图片
下面我们就来列举一些谷歌中 默认样式 and 美容后 的样式对比
1、一般输入框
<input type="text">
技术分享图片
2、只读输入框
<input type="text" readonly placeholder="readonly输入框">
技术分享图片
3、禁用输入框
<input type="text" disabled placeholder="disabled输入框">
技术分享图片
4、按钮
<input type="submit">
<input type="button" value="按钮">
技术分享图片
5、滚动条
技术分享图片
当然，water.css并不只对以上的内容进行了美化。当我们不想花费太长时间做一个demo页面，但又不想做的太丑时，就可以选择试一试这个css，最重要的是，不需要添加额外class呀！闭眼写就完事了！

前端技术分享：一个超级好用的CSS样式表

原文：https://blog.51cto.com/15128702/2660121
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！