📅  最后修改于: 2021-01-08 05:10:18        🧑  作者: Mango

纯CSS按钮什么是按钮在GUI(图形用户界面)中，按钮是对话框中一个小的轮廓区域，可用于通过单击来选择选项或命令。不同类型的按钮的列表：默认按钮禁用的按钮活动按钮主要按钮定制按钮不同类型的按钮带有图标的按钮按钮组Pure.CSS默认按钮“纯按钮”类名用于任何<a>或<button>元素以创建纯按钮。例：请参见以下示例，创建一个纯按钮。输出：纯CSS禁用按钮“纯按钮禁用”类名与纯按钮一起使用，将按钮...

📅  最后修改于: 2021-01-08 05:11:13        🧑  作者: Mango

纯CSS图片在Pure.CSS中，您可以使用“纯图像”类名以响应方式显示图像。pure-image：它指定了没有边框的基本样式的图像。图像在内容保持正确比率的情况下会放大和缩小。例：...

📅  最后修改于: 2021-01-08 05:12:11        🧑  作者: Mango

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

📅  最后修改于: 2021-01-08 05:13:19        🧑  作者: Mango

纯CSS网格Pure Grid是Pure.CSS的概念。纯网格中有两种类型的类。pure-g：网格类pure-u- *：单元类请参阅以下规则以使用纯网格：单位宽度以分数为单位。例如，纯u-1-2表示宽度为1/2或50％，纯u-2-5表示宽度为2/5或40％，依此类推。Pure Grid的子代(具有pure-g类的元素)必须使用pure-u或pure-u- *类名。所有内容都应成为网格单元的一部分，...

📅  最后修改于: 2021-01-08 05:14:18        🧑  作者: Mango

纯CSS菜单Pure.CSS默认提供垂直菜单。由于最少的样式和低特异性的使用，在Pure.CSS中自定义菜单非常容易。注意：使用以下代码在您的HTML页面中添加Pure。创建垂直菜单的语法垂直菜单(默认)例输出：创建水平菜单您可以通过添加类名称“ pure-menu-horizontal”将上述垂直菜单更改为水平菜单使用以下链接将Pure添加到HTML。例输出：选定和禁用菜单项您可以使用类别名称“...

📅  最后修改于: 2021-01-08 05:15:12        🧑  作者: Mango

纯CSS下拉列表您可以通过在标记中进行少量更改来创建下拉导航。您必须将类名“ pure-menu-has-children”添加到适当的菜单项中，以创建下拉菜单。要在悬停时显示子菜单，请包含类名称“ pure-menu-allow-hover”。例：让我们以一个示例来演示如何创建一个下拉菜单：输出：...

📅  最后修改于: 2021-01-08 05:16:06        🧑  作者: Mango

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

📅  最后修改于: 2021-01-08 05:16:59        🧑  作者: Mango

Pure.CSS必需的输入“必需”属性用于根据需要标记表单控件。例：如果您的表单需要电子邮件，则可以使用此属性显示必需的电子邮件。输出：...

📅  最后修改于: 2021-01-08 05:17:55        🧑  作者: Mango

纯CSS禁用输入“禁用”属性用于禁用表单控件。当您要在表单中添加禁用表单控件时使用它。例：当您要禁用表单控件时使用此属性。输出：...

📅  最后修改于: 2021-01-08 05:18:51        🧑  作者: Mango

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

📅  最后修改于: 2021-01-08 05:19:46        🧑  作者: Mango

纯CSS舍入输入“ pure-input-rounded”类名称用于显示带有圆角的表单控件。它通常用于搜索索引。例：输出：...

📅  最后修改于: 2021-01-08 05:20:43        🧑  作者: Mango

Pure.CSS复选框和收音机“ pure-checkbox”和“ pure-radio”类名称用于标准化和对齐复选框和单选输入。例：让我们以一个示例来看一个复选框和一个单选按钮。输出：...

📅  最后修改于: 2021-01-08 05:21:43        🧑  作者: Mango

纯CSS表格Pure.CSS为表单设计提供了非常漂亮且响应迅速的CSS。您必须在<form>元素中添加类名称“ pure-form”以创建表单。以下是可用于使用Pure创建表单的CSS类列表。IndexClass NameDescription1)pure-formIt is used to specify a compact inline form.2)pure-form-stackedIt i...

📅  最后修改于: 2021-01-08 05:22:38        🧑  作者: Mango

Pure.CSS默认格式类名“ pure-form”用于创建默认的内联表单。例让我们以创建紧凑的内联表单为例。输出：...

📅  最后修改于: 2021-01-08 05:23:36        🧑  作者: Mango

Pure.CSS堆叠形式类名“ pure-form-stacked”用于创建带有标签下方输入元素的堆叠形式。 “纯表单堆积”类名用于<form>元素和纯表单。例输出：...