标签：CSS

2021-11-16阅读(925)

制作 4 列的网格容器： 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 Chrome IE/Edge Firefox Safari Opera grid-template-columns 57 16 52 10 44 ...

2021-11-16阅读(1075)

以下实例设置 "item8" 从第 2 行开始和第 1 列开始， 横跨 2 行 3 列： 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 Chrome IE/Edge Firefox Safari Opara grid-...

2021-11-16阅读(881)

指定网格行之间的间隔为 50 像素： 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 Chrome IE/Edge Firefox Safari Opera row-gap (网格中) 66 16 61 12.1 53 ...

2021-11-16阅读(1232)

设置网格行与列之间的间隙： 属性 Chrome IE/Edge Firefox Safari Opera gap (多列中) 66 16 61 Not supported 53 gap (网格中) 66 16 61 10.1 53 gap ...

2021-11-16阅读(866)

制作一个三列网格布局，并设置第一行高度为 160 像素： 标签定义及使用说明 grid 是一个 CSS 所有网格容器的简写属性，可以用来设置以下属性： 显式网格属性： grid-template-rows、grid-template-col...

2021-10-30阅读(2062)

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

2021-10-30阅读(908)

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

2021-10-30阅读(1062)

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

2021-10-30阅读(813)

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

2021-10-30阅读(1108)

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