Pure.CSS 第2页

Pure.CSS响应式设计示例

Pure.CSS使用以下类创建响应式设计。 Index Class Name Description 1) .pure-u-* 它用于设置容器以占用任何设备上的所需空间(所有设备兼容)。 2) .pure-u-sm- * 它用于小屏幕。它将...

“必需”属性用于根据需要标记表单控件。例：如果你的表单需要电子邮件, 则可以使用此属性显示必需的电子邮件。立即测试输出

“只读”属性用于使表单输入为只读。禁用和只读之间的区别在于, 只读输入仍可聚焦, 但你无法编写任何内容。这使人们可以与输入进行交互并选择其文本, 而禁用的控件则不是交互式的。例：立即测试输出

本文概述创建垂直菜单的语法垂直菜单(默认) 创建水平菜单选定和禁用菜单项 Pure.CSS默认情况下提供垂直菜单。在Pure.CSS中自定义菜单非常容易, 因为样式最少且使用的特异性较低。注意：使用以下代码在你的HTML页面中添加P...

类名称pure-grid用于创建响应式多列表单。它要求在页面上显示纯响应网格。 Pure响应网格为：例子让我们以创建响应式多列表单为例。立即测试输出

你可以采用具有流体宽度大小的形式指定输入元素。它类似于Pure网格。你必须为这些元素指定pure-input- *类。例子立即测试输出

输入元素是HTML表单的组成部分。 HTML表单包含表单元素。表单元素是不同类型的输入元素, 即文本字段, 复选框, 单选按钮, 提交按钮等。输入类型这些是以下输入类型：所需输入禁用的输入只读输入舍入输入 Checkboxex和...

本文概述网格单元尺寸基于第五单元基于24单元 Pure Grid是Pure.CSS的概念。纯网格中有两种类型的类。 pure-g：网格类 pure-u- *：单元类请参阅以下规则以使用纯网格：单位宽度以分数为单位。例如, 纯u-1...

Pure.CSS支持的流行图标库的列表：字体真棒图标 Google Material图标引导图标要使用Pure.CSS图标, 请将图标的名称放在HTML元素的类中。例：立即测试输出

如果要对基于文本的输入元素集进行分组, 则必须将它们包装在具有纯组类名的<fieldset>元素中。分组输入表单最适合注册表单, 并且在移动设备上看起来很棒。例子让我们以一个示例来演示分组的输入形式：立即测试输出