HTML/CSS 第28页

2021-10-30阅读(4036)

CSS 实例 CSS背景 设置页面的背景颜色 设置不同元素的背景颜色 设置一个图像作为页面的背景 错误的背景图片 如何在水平方向重复背景图像 如何定位背景图像 一个固定的背景图片（这个图片不会随页面的其余部分滚动） 声明背景属性 高级的背景...

2021-10-30阅读(1148)

本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。 你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框，并定义元素的填充和边距。 同时，你也学会了如何定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个元素...

2021-10-30阅读(1745)

什么是 !important CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 以上实例...

2021-10-30阅读(1823)

网页布局 网页布局有很多种方式，一般分为以下几个部分：头部区域、菜单导航区域、内容区域、底部区域。 头部区域 头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的 logo： 菜单导航区域 菜单导航条包含了一些链接，可以引导用户浏览...

2021-10-30阅读(1381)

CSS 计数器通过一个变量来设置，根据规则递增变量。 使用计数器自动编号 CSS 计数器根据规则来递增变量。 CSS 计数器使用到以下几个属性： counter-reset - 创建或者重置计数器 counter-incremen...

2021-10-30阅读(2012)

一个表单案例，我们使用 CSS 来渲染 HTML 的表单元素： 输入框(input) 样式 使用 width 属性来设置输入框的宽度： 以上实例中设置了所有 <input> 元素的宽度为 100%，如果你只想设置指定类型的输入框...

2021-10-24阅读(1407)

CSS 网格元素 网格容器包含了一个或多个网格元素。 默认情况下，网格容器的每一列和每一行都有一个网格元素，我们也可以设置网格元素跨越多个列或行，行和列为行号。 grid-column 属性 grid-column 属性定义了网格元素列的开...

2021-10-24阅读(1542)

网格容器 要使 HTML 元素变成一个网格容器，可以将 display 属性设置为 grid 或 inline-grid。 网格容器内放置着由列和行内组成的网格元素。 grid-templa...

2021-10-24阅读(2426)

网格是一组相交的水平线和垂直线，它定义了网格的列和行。 CSS 提供了一个基于网格的布局系统，带有行和列，可以让我们更轻松地设计网页，而无需使用浮动和定位。 以下是一个简单的网页布局，使用了网格布局，包含六列和三行： 浏览器支持 目前最新的...

2021-10-24阅读(1275)

本章节我们将为大家演示一些多媒体查询实例。 开始之前我们先制作一个电子邮箱的链接列表。HTML 代码如下： 注意 data-email 属性。在 HTML 中我们可以使用带 data- 前缀的属性来存...