网站首页 > 开源技术 正文
介绍
Pure.css是一组小型的自适应CSS模块,可以在每个Web项目中使用。Pure以Normalize.css为基础,并提供native HTML元素以及最常见的UI组件的布局和样式,考虑到移动设备,Pure具有开箱即用的响应能力,因此元素在所有屏幕尺寸上都看起来不错。
<link rel="stylesheet" href="./pure-min.css" />
PS:Normalize.css使浏览器更一致地渲染所有元素,并符合现代标准。它只针对需要规范化的样式。
Github
https://github.com/pure-css/pure
相关特性
兼容性
布局
通过使用Grid,Menu等,可以轻松创建适用于所有屏幕尺寸的精美响应式布局。
Pure的设计目标是可以在每个Web项目中使用它
定制化
与其他框架不同,Pure的设计不受限制,最小且扁平。添加新的CSS规则比覆盖现有规则要容易得多。通过添加几行CSS,可以自定义Pure的外观以与你的Web项目一起使用。
表单
以下创建默认的内联表单,将pure-form类名添加到任何<form>元素。如下
<form class="pure-form"> <fieldset> <legend>A compact inline form</legend> <input type="email" placeholder="Email"> <input type="password" placeholder="Password"> <label for="remember"> <input id="remember" type="checkbox"> Remember me </label> <button type="submit" class="pure-button pure-button-primary">Sign in</button> </fieldset> </form>
还有其他常见类型表单,本文不过多介绍
按钮
表格
要设置HTML表的样式,请添加pure-table类名。此类为表元素添加了填充和边框,并强调了标题。
菜单
- 垂直菜单
默认情况下,菜单是垂直的。
- 水平菜单
要创建水平菜单,请添加pure-menu-horizontal类名称。
总结
本文只介绍了部分有关于Pure的内容,详细的介绍可以Github以及官方提供的详细内容和使用指南!
猜你喜欢
- 2024-10-06 Bootstrap CSS概览(bootstrap core css)
- 2024-10-06 vue实现用户登录验证 + 权限验证 + 动态路由(左侧菜单栏)
- 2024-10-06 如何进行跨浏览器测试确保一致的用户体验
- 2024-10-06 CSS层叠技术:优化CSS重置,打造独特样式
- 2024-10-06 浏览器的兼容性问题如何解决(浏览器兼容性问题解决方案)
- 2024-10-06 前端开发React18 - ReactRouter(前端开发工程师)
- 2024-10-06 在前端开发过程中,如何确保网站的兼容性?
- 2024-10-06 开发中可能会面临的真实问题及处理流程
- 2024-10-06 Modern CSS Reset 完全解读(reset.css和normalize.css)
- 2024-10-06 请避免犯这9个常见的 CSS “坏习惯”
你 发表评论:
欢迎- 最近发表
-
- 后端服务太慢?试试这 7 招(后端 服务端 区别)
- 做一个适合二次开发的低代码平台,把程序员从curd中解脱出来-1
- Caffeine缓存 最快缓存 内存缓存(caffeine缓存使用)
- Java性能优化的10大策略(java性能调优从哪几个方面入手)
- New Balance M576PGT 全新配色设计
- x-cmd pkg | qrencode - 二维码生成工具
- 平和精英抽奖概率是多少 平和精英抽奖物品一览
- x-cmd pkg | tmux - 开源终端多路复用器(terminal multiplexer)
- 漫威官方App中文版上线:全站漫画限时免费
- macOS Monterey 12.7.4 (21H1123) 正式版发布,ISO、IPSW、PKG 下载
- 标签列表
-
- jdk (81)
- putty (66)
- rufus (78)
- 内网穿透 (89)
- okhttp (70)
- powertoys (74)
- windowsterminal (81)
- netcat (65)
- ghostscript (65)
- veracrypt (65)
- asp.netcore (70)
- wrk (67)
- aspose.words (80)
- itk (80)
- ajaxfileupload.js (66)
- sqlhelper (67)
- express.js (67)
- phpmailer (67)
- xjar (70)
- redisclient (78)
- wakeonlan (66)
- tinygo (85)
- startbbs (72)
- webftp (82)
- vsvim (79)
本文暂时没有评论,来添加一个吧(●'◡'●)