📝 CSS教程

2362篇技术文档
  CSS |文本方向属性

📅  最后修改于: 2021-08-29 13:06:09        🧑  作者: Mango

CSS 中的text-orientation 属性用于设置一行中字符的方向。此属性在垂直脚本中很有用,例如创建垂直表标题、定义行名称等。句法:属性:混合:该值用于将文本字符顺时针旋转 90 度。它是默认值。例子:输出:upright:此值从屏幕右侧开始文本到下侧。例子:输出:sideways:此值将文本行顺时针旋转 90 度。例子:输出:注意:text-orientation 属性取决于writi...

  用 Vanilla JavaScript 创建一个 Monty Hall 游戏

📅  最后修改于: 2021-08-29 13:06:25        🧑  作者: Mango

Monty Hall 问题是一个流行的概率谜题,它基于一个电视游戏节目并以其主持人 Monty Hall 的名字命名。在这场蒙蒂霍尔比赛中,将有三扇关闭的门,您可以选择其中之一。其中一扇门后面是一辆汽车,另一扇门后面是山羊。主人知道汽车和山羊的位置。选择一扇门后,主人会打开另外两扇有山羊的门之一。现在,您可以坚持您最初选择的门,也可以切换。这是游戏的一瞥。让我们用 HTML、CSS 和 vanil...

  物化 CSS |徽章

📅  最后修改于: 2021-08-29 13:06:42        🧑  作者: Mango

Materialize 徽章是用于通知的组件,如果有新的或未读的消息或通知显示。向徽章组件添加一个新类为其提供背景。有多种使用徽章组件的方法:收藏中的徽章:<div class=”collection”><a href=”#!” class=”collection-item”><span class=”badge”>1</span>Message</a><a href=”#!” class=”co...

  Tailwind CSS 文本对齐

📅  最后修改于: 2021-08-29 13:07:00        🧑  作者: Mango

这个类接受很多 Tailwind CSS 中的值,其中所有的属性都以类的形式覆盖。它是 CSS text-align 属性的替代品。此类用于指定元素中文本的水平对齐方式。文本对齐类:左文本文本中心右文字文本对齐text-left:用于设置文本向左对齐。句法:例子:HTMLHTMLHTMLHTML输出:text-center:用于设置文本居中对齐。句法:例子:HTML输出:text-right:用于...

  HTML | DOM documentMode 属性

📅  最后修改于: 2021-08-29 13:07:18        🧑  作者: Mango

HTML 中的DOM documentMode 属性是一个 IE8 属性,用于检测浏览器呈现当前页面所使用的文档模式。它根据呈现页面的模式返回不同的数字,因为 IE8 可以根据页面的 doctype 以及某些 HTML 元素的存在以各种不同的模式呈现页面。此属性根据我们使用的 IE 版本返回某些值。如果页面在 IE5 中运行,则显示的值将是 – 5如果页面在 IE7 中运行,则显示的值将是 – 7...

  CSS |色调背景

📅  最后修改于: 2021-08-29 13:07:33        🧑  作者: Mango

色调背景是一种新设计方法的概念,专注于干净和美观的 UI。它使网站具有干净和美观的外观。它非常适合专业网站,例如某些产品登陆页面或某些组织的主页。它还有一个高级版本,其中颜色不断变化,我们将只查看高级部分,因为如果您知道如何制作高级背景,您就可以制作基本部分。方法:方法是提供渐变背景并制作一些边框以使其具有闪亮的反射外观。对于高级概念,我们将使用关键帧来更改背景颜色。HTML 代码:在这部分中,我...

  如何使用 HTML 和 CSS 创建动画加载器环?

📅  最后修改于: 2021-08-29 13:07:51        🧑  作者: Mango

可以使用 HTML 和 CSS 轻松生成加载器环。 Loader Ring 在浏览器加载网页时显示。为了创建加载器环,我们将使用允许 HTML 元素动画的 CSS 动画。HTML 代码用于创建动画加载器环的基本结构,CSS 代码用于设置加载器环的样式。我们将使用@keyframes规则,允许动画在特定时间从当前样式逐渐变为新样式,然后我们将使用transform属性将动画旋转 360 度。例子:输...

  怎么写<dt>和<dd>元素在同一行使用 CSS 吗?

📅  最后修改于: 2021-08-29 13:08:10        🧑  作者: Mango

<dt> 和 <dd> 标签在 HTML 中的 <dl>(定义描述列表)标签中一起使用,以定义术语或给出它们的描述。<dt> 标签用于指定描述列表。 <dd> 标签代表定义描述,用于表示描述列表中某项的描述或定义。 <dl> 标签用于表示描述列表。此标签与 <dt> 和 <dd> 标签一起使用。示例1:本示例在<dl> 标签中使用<dt> 和<dd> 标签,并将<dt> 和<dd> 内容显示在不同...

  使用 PugJs、NodeJS、MongoDB、Express 的反馈表

📅  最后修改于: 2021-08-29 13:08:32        🧑  作者: Mango

我们可以通过以下步骤使用 PugJs、NodeJS、MongoDB、Express 创建反馈表单。反馈表接收用户的输入并将数据发送到服务器进行处理,并将其相应地存储到数据库中。步骤1:在任何目录中创建一个名为feedback_form 的文件夹。你可以取任何名字。第 2 步:使用以下命令初始化 NodeJS 项目。第 3 步:从终端/cmd 使用以下命令安装所需的模块。第 4 步:目录结构如下所示...

  如何在 HTML5 中指定文档的主要内容?

📅  最后修改于: 2021-08-29 13:08:55        🧑  作者: Mango

<article> 标签是 HTML5 中新的分节元素之一。 HTML 文章标签用于表示一篇文章。更具体地说,<article> 标签中的内容独立于站点的其他内容(即使它可以相关)。换句话说,article 元素表示由文档、页面或站点中的自包含组合组成的页面组件。示例 1:输出:示例 2:输出:...

  如何从 CSS 选择器中排除特定的类名?

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

在 CSS 中,要排除特定类,我们可以使用伪类 :not 选择器,也称为否定伪类或非选择器。此选择器用于为给定选择器未指定的每个元素设置样式。因为它用于阻止选定项目列表中的特定项目。句法:例子:输出:...

  如何使用 JavaScript 创建水平和垂直选项卡?

📅  最后修改于: 2021-08-29 13:09:27        🧑  作者: Mango

选项卡可用于以有组织的方式在单个页面上显示大量内容。我们可以使用 HTML、CSS 和 JavaScript 设计单页选项卡。 HTML 元素用于设计选项卡的结构及其段落中的内容。样式是使用 CSS 执行的。单击每个选项卡按钮时,选项卡会显示其各自的内容。这是使用 JavaScript 完成的。水平制表符:以下代码演示了带有制表符的简单 HTML 结构及其段落形式的内容。单击每个选项卡时,它会调用...

  CSS | border-block-width 属性

📅  最后修改于: 2021-08-29 13:09:44        🧑  作者: Mango

CSS 中的border-block-width 属性用于在样式表的单个位置设置单个逻辑块边框宽度属性值。它设置定义边框元素的顶部和底部边框宽度。句法:属性值:width:此属性保存边框的宽度。下面的例子说明了 CSS 中的 border-block-width 属性:示例 1:输出:示例 2:输出:支持的浏览器:border-block-width 属性支持的浏览器如下:火狐歌剧边缘...

  HTML | DOM console.count() 方法

📅  最后修改于: 2021-08-29 13:10:02        🧑  作者: Mango

HTML 中的console.count()方法用于写入调用console.count() 方法的次数。console.count()方法可以添加到将包含在控制台视图中的标签。标签是发送到 console.count() 方法的可选参数。句法:参数:此方法接受单个参数标签,该标签是可选的,用于计算使用此标签调用 console.count() 的次数。下面的程序说明了 HTML 中的 consol...

  Tailwind CSS 文本颜色

📅  最后修改于: 2021-08-29 13:10:17        🧑  作者: Mango

这个类在tailwind CSS中接受很多值,其中所有属性都以类的形式覆盖。通过使用这个类,我们可以为任何文本着色。在 CSS 中,我们通过使用CSS 颜色属性。文本颜色类:text-transparent:文本颜色将是透明的。text-current:文本颜色将取决于父元素的颜色。text-black:文本颜色为黑色。text-white:文本颜色为白色。text-gray-50:文本颜色为灰色...