W3.CSS - 公用事业

W3.CSS实用程序 - 从简单和简单的步骤学习W3.CSS，从基本到高级概念，包括概述，环境设置，容器，代码着色，卡片，响应式设计，表单，按钮，工具提示，模态对话框，网格，表格，列表，图像，图标，颜色，导航，实用程序。

W3.CSS有几个实用工具类，对日常设计需求非常有用.

颜色实用程序类 : 示例:w3-red，w3-yellow
填充实用程序类 : 示例:w3-padding-jumbo，w3-padding-16
保证金实用程序类 : 示例:w3-margin-8，w3-margin-64
边界实用程序类 : 示例:w3-border-left，w3-border-right
大小实用程序类 : 示例:w3-tiny，w3-small
Circle实用程序类 : 示例:w3-circle
中心实用程序类 : 示例:w3-center

示例

w3css_utilities.htm

         The W3.CSS Utilities                           W3.CSS Utilities
      
      Color Utilities Demo
               The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.

The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

Padding Utilities Demo

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.

The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

Margin Utilities Demo

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.

The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

Border Utilities Demo

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.

The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

Size Utilities Demo

Using w3-small font.

Using Default (medium).

Using w3-large font.

Using w3-xlarge font.

Circle Utility Demo

Center Utility Demo

结果

验证结果.