📅  最后修改于: 2020-10-17 05:07:48        🧑  作者: Mango

W3.CSS是由w3schools.com开发的级联样式表(CSS)。它有助于创建更快，更美观，响应速度更快的网站。它的灵感来自Google Material Design。听众本教程适用于希望学习W3.CSS基础知识以及如何使用它来创建更快，更美观，响应速度更快的网站的专业人士。本教程介绍了W3.CSS的所有基本概念。先决条件在继续本教程之前，您应该对HTML，CSS，JavaScript，文档...

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

什么是W3.CSS？W3.CSS是由w3schools.com开发的级联样式表（CSS）。它有助于创建更快，更美观，响应速度更快的网站。它的灵感来自Google Material Design。它的一些主要特征如下-内置响应式设计标准CSS受到Google Material Design的启发免费使用响应式设计W3.CSS具有内置的响应式设计，因此使用W3.CSS创建的网站将根据设备大小重新设计自...

📅  最后修改于: 2020-10-17 05:08:47        🧑  作者: Mango

如何使用W3.CSS？使用W3.CSS有两种方法-本地安装-您可以在本地计算机上下载W3.CSS文件，并将其包含在HTML代码中。基于CDN的版本-您可以直接从Content Delivery Network（CDN）将W3.CSS文件包含到HTML代码中。本地安装转到https://www.w3schools.com/w3css/w3css_downloads.asp下载可用的最新版本。然后，将...

📅  最后修改于: 2020-10-17 05:09:10        🧑  作者: Mango

HTML5具有以下容器元素-<div>-为HTML内容提供通用容器。<header>-表示标题部分。<footer>-表示页脚部分。<article>-代表文章。<section>-为各种类型的节提供通用容器。W3.CSS将w3-container作为主要类来为所有上述容器设置样式。 W3.CSS还具有其他类，例如w3-border，w3-red，w3-teal，w3-padding-32，以向容...

📅  最后修改于: 2020-10-17 05:09:26        🧑  作者: Mango

W3.CSS为以下语言的语法突出显示提供了出色的支持-HTML-使用类W3码htmlHigh有HTML代码的容器上。CSS-使用类W3码cssHigh有CSS代码在容器上。JS-在具有CSS代码的容器上使用w3-code jsHigh类。您必须包含以下脚本才能链接到js文件，以支持语法突出显示-w3css_color_coding.htm现场演示结果验证结果。...

📅  最后修改于: 2020-10-17 05:09:59        🧑  作者: Mango

W3.CSS有几个特殊的类将容器显示为带有阴影的纸质卡片。Sr. No.Class Name & Description1w3-cardStyles a container for any HTML content with border2w3-card-2Styles a container for any HTML content with 2px bordered shadow3w3-car...

📅  最后修改于: 2020-10-17 05:10:32        🧑  作者: Mango

W3.CSS具有几个特殊的类来创建响应式设计。Sr. No.Class Name & Description1w3-halfSets the container to occupy 1/2ndof the window on medium or large screen devices. If a screen is smaller than 601 pixels, then it resizes...

📅  最后修改于: 2020-10-17 05:11:11        🧑  作者: Mango

W3.CSS提供了12列流体响应网格。它使用w3-row和w3-col样式类分别定义行和列。Sr. No.Class Name & Description1w3-rowSpecifies a padding-less container to be used for responsive columns. This class is mandatory for responsive classes...

📅  最后修改于: 2020-10-17 05:11:32        🧑  作者: Mango

W3.CSS具有非常漂亮且响应迅速的CSS，用于表单设计。使用以下CSS-Sr. No.Class Name & Description1w3-groupRepresents a bordered container. Can be used to group a label and input.2w3-inputBeautifies an input control.3w3-labelBeaut...

📅  最后修改于: 2020-10-17 05:11:51        🧑  作者: Mango

W3.CSS具有非常漂亮且响应迅速的CSS，用于自定义按钮的外观。使用以下CSS-Sr. No.Class Name & Description1w3-btnRepresents a standard button. Can be used to style a link as button as well.2w3-btn-floatingRepresents a floating button ...

📅  最后修改于: 2020-10-17 05:12:07        🧑  作者: Mango

W3.CSS可以用来显示可自定义的模式对话框，而不是标准的JavaScript警报。它使用w3-row和w3-col样式类分别定义行和列。Sr. No.Class Name & Description1modal-dialogRepresents the main parent window to define a dialog box.2w3-modal-dialogRepresents the...

📅  最后修改于: 2020-10-17 05:12:42        🧑  作者: Mango

W3.CSS可以用于在w3-table上使用各种样式显示不同类型的表。Sr. No.Class Name & Description1w3-tableRepresents a basic table without any border.2w3-stripedDisplays a stripped table.3w3-borderedDraws a table with a border acro...

📅  最后修改于: 2020-10-17 05:13:03        🧑  作者: Mango

W3.CSS可以在w3-ul上使用各种样式来显示不同类型的列表。Sr. No.Class Name & Description1w3-ulRepresents a basic list without any border.2w3-stripedDisplays a stripped list.3w3-borderedDraws a list with border across rows.4w3...

📅  最后修改于: 2020-10-17 05:13:21        🧑  作者: Mango

W3.CSS支持以下流行的图标库-字体真棒图标Google Material图标引导图标用法要使用图标，请将图标的名称放在HTML <i>元素的类中。要控制图标的大小，可以使用以下类-Sr. No.Class Name & Description1w3-tinyDraws an icon of very small size.2w3-smallDraws an icon of small size...

📅  最后修改于: 2020-10-17 05:13:43        🧑  作者: Mango

W3.CSS支持丰富的颜色类集。这些颜色类别的启发和发展是考虑到市场营销，路标和便签中使用的颜色。w3红色W3-粉红色W3-紫色W3深紫色w3-靛蓝W3-蓝色W3-浅蓝色w3-青色W3蓝绿色W3-绿色W3-浅绿色W3石灰w3-卡其色W3-黄色w3琥珀色W3-橙色w3深橙色W3-蓝灰色W3-棕色W3-浅灰色W3-灰色W3-深灰色W3-黑色颜色主题W3.CSS为使用其公共领域主题CSS将主题应用于网站...