Pure.CSS面试题 - [ Web技术面试题及答案 ]

Pure.CSS是由雅虎开发的层叠样式表(CSS)框架。 它用于使网站更快,更美观和响应。通过阅读下面Pure.CSS面试题和答案,有助于让您在面试过程中应付自如,也可作为测评或复习巩固Pure.CSS知识。

1. Pure.CSS是什么?

Pure.CSS是由雅虎开发的层叠样式表(CSS)框架。 它用于使网站更快,更美观和响应。

详细答案>>

2. Pure.CSS的重要特征是什么?

Pure.CSS的重要特征是: 它是免费的。它具有内置的响应式设计。它使用带有最小占用空间的标准CSS。它是一个小型,响应迅速的CSS模块的集合。它支持阴影和大胆的颜色。各种平台和设备的颜色和色调保持一致。详细答案>>

3. 标准CSS是什么?

标准CSS非常容易精益,并且不依赖于任何外部JavaScript库,例如jQuery。 Pure.CSS使用标准CSS。

详细答案>>

4. 如何使用Pure.CSS?

有两种方法可以使用Pure.CSS: 本地安装:可以在系统上下载pure.css文件并将其包含在HTML代码中。基于CDN的版本:可以直接从Content Delivery Network(CDN)将pure.css文件包含到HTML代码中。详细答案>>

5. 您对Pure.CSS响应式设计有何了解?

PURE.CSS提供了几个特殊的类来创建响应式设计: .pure-u-*:用于将容器设置为占用任何设备上所需的空间。.pure-u-sm-*:它用于设置容器占用宽度为设备所需的空间:568px。.pure-u-md-*:它用于设置容器占用宽度为设备所需的空间:768px。.pure-u-lg-*:它用于设置容器占用宽度为设备所需的空间:1024px。.pure-u-xl-*:它用于设置容器占用宽度为设备所需的空间:1280px。详细答案>>

6. 什么是Pure.CSS网格?

PURE.CSS提供了两种类的Pure Grid概念:

  • pure-g:网格类
  • pure-u-*:一个单元类
详细答案>>

7. 如何使用Pure.CSS网格?

以下是使用Pure.CSS网格的规则: 单位宽度以分数表示。 例如,pure-u-1-2表示1/2或50%宽度,pure-u-2-5表示2/5或40%宽度,等等。Pure Grid的子元素(纯g类元素)必须使用pure-u或pure-u-*类名。所有内容都应该是要正确呈现的网格单元的一部分。详细答案>>

8. Pure.CSS中的可扩展是什么?

纯净优雅,简约,轻盈。 它很容易使用。 使用Pure CSS的最大优点是它可以扩展。 您可以在自己的CSS中添加一些样式,并将外观更改为您的网站。

详细答案>>

9. Pure.CSS如何进行本地安装?

本地安装是将pure-min.css文件下载到您网站的目录中的过程,例如:目录 /css ,然后在HTML页面中使用CSS文件。 示例: <html> <head> <title>The PURE.CSS Example</title> <meta name="viewport" content="width=device-width, initial-scale=1">...详细答案>>

10. 如何使用基于CDN的Pure.CSS版本?

可以直接从Content Delivery Network(CDN)将Pure.CSS文件包含到HTML代码中。 yui.yahooapis.com提供最新版本的内容。 示例: <html> <head> <title>The PURE.CSS Example</title> <meta name="viewport" content="width=device-width, initi...详细答案>>

11. 什么是Pure.CSS菜单?

Pure.CSS中有两种类型的菜单:

  • 垂直菜单
  • 水平菜单

Pure.CSS默认提供垂直菜单。可以通过添加类名“pure-menu-horizontal”将垂直菜单更改为水平菜单。

详细答案>>

12. 什么是Pure.CSS表单?

Pure.CSS有一个非常容易和响应的CSS来设计表单。可以使用Pure.CSS创建不同类型的表单。 以下是一些类名列表: pure-form:它指定一个紧凑的内联形式。pure-form-stacked:它表示堆叠形式,标签下方有输入元素。 与pure-form一起使用。pure-form-aligned:它表示一个对齐的表单,标签下方有输入元素。 与pure-form一起使用。pure-input-rounded:用于显示带圆角的表单控件。pure-button:用于美化按钮。pure-check...详细答案>>
注: 此试题仅作为相关知识水平测试,不能作为权威试题和答案。非商业转载注明原文链接即可;商业转载需本站授权同意。