CSS 列表 - 第 1 页
CSS中什么是子选择器?
CSS中什么是子选择器? 子选择器使用大于号 > 编写,并且它必须出现在其他两个选择器之间。 这用于匹配其他元素的直接子元素,这比传统选择器更精确。 示例: #main > a {color: blue;}
Views:0 2020-09-17
CSS 如何实现文本在Div中垂直中间对齐
CSS 如何实现文本在Div中垂直中间对齐 当我们在 HTML 中创建网站模板或者一些设计时,有时我们需要将一些元素垂直对齐在框内。 这可能是在 div 内对齐文本中间,或者某些图像需要在中心垂直对齐。 有很多方法可以使用一些 CSS 样式垂直对齐 HTML 元素。 在这里,我们将提供一个流行的 CSS 方法列表,用于在 div 中垂直居中文本。 1) 使用 flexbox 垂直对齐文本 在 di
Views:0 2020-09-17
CSS中的float属性有什么用?
CSS中的float属性有什么用? float 属性决定一个盒子(一个元素)是否应该浮动。 浮动允许通过将块级元素向右或者向左推动来水平定位元素。 在HTML父元素高度比子元素高度小,是什么原因? HTML中子元素运行到了父元素外面,怎么处理? 在HTML中,里面的内容运行出外面来了,是什么原因? 检查内部元素是否设置了浮动,并且外部元素没有清除浮动。 下面是解决方法: 注意,浮动后,外层的父元
Views:0 2020-09-17
什么是 CSS 类选择器?
什么是 CSS 类选择器? CSS 类用于对相似的 HTML 元素进行分组。 这有助于我们通过将它们放在同一个类中来对这些元素应用相同的样式。 可以通过在 HTML 元素中插入“class”属性和名称来调用类方法 <p class="green"> Sample Text </p> <p class="green"> Sa
Views:0 2020-09-17
使用 CSS 控制列表中的编号和项目符号
使用 CSS 控制列表中的编号和项目符号 默认情况下,HTML 列表 <ol> 和 <ul> 将在每个列表项前面使用数字或者项目符号进行样式化;要更改默认样式,我们可以使用 CSS list-style-type 属性。 将 list-style-type 显式设置为 none 将删除默认样式: ol, ul { list-style-type:none; } lis
Views:0 2020-06-02
如何在 CSS 中创建具有延迟的动画
如何在 CSS 中创建具有延迟的动画 为了延迟动画,我们使用 CSS animation-delay 属性,它指定元素被加载和动画开始之间的时间。 但是在延迟动画时可能会遇到一些困难,例如动画播放后元素消失的问题。 让我们看看这个问题的解决方案。 具有 CSS 属性的解决方案 在下面的例子中,有一个 <div> 元素,它的类是“animation”。 首先,我们添加@keyfram
Views:0 2020-06-02
如何使用 CSS 创建动画填充文本
如何使用 CSS 创建动画填充文本 你有没有用动画阴影或者渐变创建文本? 如果没有,这个片段是给你的。 它将创建此类文本并使更具创意。 创建此类文本的最简单方法是使用 CSS background-clip 属性,该属性指定 background-color 和 background-image 应该离元素多远。 让我们一起尝试创建一个。 创建 HTML <link rel="st
Views:0 2020-06-02
如何使用 CSS 创建动画填充文本
如何使用 CSS 创建动画填充文本 你有没有用动画阴影或者渐变创建文本? 如果没有,这个片段是给你的。 它将创建此类文本并使更具创意。 创建此类文本的最简单方法是使用 CSS background-clip 属性,该属性指定 background-color 和 background-image 应该离元素多远。 让我们一起尝试创建一个。 创建 HTML 设置 <div> 标签并
Views:0 2020-06-02
如何使用 CSS 创建立体文字效果
如何使用 CSS 创建立体文字效果 立体 是 3D 效果,它包含两个不同过滤的彩色图像,每只眼睛一个,通过 3D 眼镜完全可见。 但是,即使不戴眼镜,这些效果看起来也很酷且富有创意,我们可以使用它来使更具吸引力。 让我们一起尝试创建一个。 创建 HTML 首先,我们需要将文本放在 HTML <h1> 标签中。 <h1>Welcome</h1> 添加
Views:0 2020-06-02
如何使用 CSS 跨浏览器添加垂直文本
如何使用 CSS 跨浏览器添加垂直文本 如果我们遇到创建垂直文本的问题,我们可以使用 transform 属性,它允许更改元素转换的位置。 使用 transform 属性,我们可以将元素逆时针旋转 90 度。 我们还需要使用供应商扩展。 让我们从创建 HTML 开始。 创建 HTML 在 <body> 元素中放置一个类名为“rotate”的 <div>。 在 <
Views:0 2020-06-02
如何使用纯 CSS 创建打字机文本
如何使用纯 CSS 创建打字机文本 我们会同意,看起来像是在屏幕上输入的文本看起来很有吸引力。 我们是否知道可以使用纯 CSS 将打字机效果应用于文本? 现在我们要一起做,一步一步! 创建 HTML 使用具有类名称“打字机”的 <div> 元素。 在 <div> 中添加标题 (<h1>)。 <div class="typewriter&q
Views:0 2020-06-02
如何在不使用 JavaScript 的情况下创建 CSS 画廊
如何在不使用 JavaScript 的情况下创建 CSS 画廊 事实证明,可以在不使用 Javascript 的情况下创建纯 CSS 画廊。 在本文中,我们将展示如何仅使用 HTML 和 CSS 来做到这一点。 创建 HTML 众所周知,一个画廊由 2 个图片块组成。 第一个包含小图像(缩略图),另一个包含大图片。 如果你想创建一个简单的画廊,你必须定义唯一的锚点(图片1、图片2、图片3、图片
Views:0 2020-06-02
如何创建闪亮的文字动画效果
如何创建闪亮的文字动画效果 使用文本效果总是一个好主意,因为它们使对访问者有吸引力和有趣。 如果我们想为文本学习一种新效果,请阅读我们的代码片段并创建闪亮的文本动画效果。 现在,让我们一起潜入并创建一个。 创建 HTML 将文本放在 <p> 标签中,该标签定义了一段文本。 <p>像钻石一样闪耀。</p> 添加 CSS 将 <body>
Views:0 2020-06-02
如何使用网格创建响应式布局
如何使用网格创建响应式布局 定制网页设计最好的东西之一是定制的响应式网格系统。 一切都是自定义的,包括列数、列大小、装订线等。 网格可以响应固定大小的网格项目将根据视口大小移动位置。 在本教程中,我们将展示如何按照下面描述的步骤创建响应式网格布局。 "auto-fill" 和 "auto-fit" 值允许创建一个网格,其中包含适合容器的特定大小的尽可能多的轨
Views:0 2020-06-02
如何使用 CSS 创建响应式 iframe
如何使用 CSS 创建响应式 iframe 创建 iframe HTML <iframe> 标签创建一个内嵌框架,用于嵌入第三方内容(媒体、小程序等)。 在此代码中,我们可以学习如何使用 CSS 创建响应式 iframe。 首先,让我们看看一个简单的 iframe 是什么样子,然后,我们将展示如何使它具有响应性。 创建一个简单的 <iframe> 标签的例子: <
Views:0 2020-06-02
如何仅使用 HTML 和 CSS 为 HTML5 <select> 框创建占位符?
如何仅使用 HTML 和 CSS 为 HTML5 <select> 框创建占位符? 样式化 HTML 表单字段,主要是 <select> 字段与 CSS 一直有点复杂。 以特定方式更改 <select> 表单字段通常是无法管理的。 为此,许多正在用由 HTML 和 CSS 提供支持的定制解决方案替换 <select> 元素。 使用 HTML5 为
Views:0 2020-06-02