CSS3相关知识

CSS如何设置一半背景 在CSS中，可以通过多种方式实现“一半背景”效果，即让元素的背景只覆盖一部分区域。以下是几种常见的方法

如何设置CSS文本框颜色 在CSS中，可以通过多种方式设置文本框（<input> 或 <textarea>）的颜色，包括文本颜色、背景颜色、边框颜色等。

CSS如何取消链接下划线 在CSS中，可以通过 text-decoration 属性取消链接（<a> 标签）的下划线。

CSS滚动条颜色设置 在CSS中，可以通过 ::-webkit-scrollbar 系列伪元素来设置滚动条的样式和颜色。需要注意的是，这些样式仅在基于 WebKit 内核的浏览器

CSS隐藏文本框边框 在CSS中，可以通过以下几种方式隐藏文本框（<input> 或 <textarea>）的边框： 使用 border: none 直接移除文本框的边框。

CSS动画如何停止 在CSS中，可以通过以下几种方式停止动画： 使用 animation-play-state animation-play-state 属性可以控制动画的播放状态。

CSS实现上下渐变 在CSS中，可以使用 linear-gradient 实现上下渐变效果。linear-gradient 允许你创建从一个颜色到另一个颜色的线性渐变。

CSS居中背景图 在CSS中，可以通过多种方式实现背景图居中显示。以下是常见的几种方法： 使用 background-position 通过 background-position 属性将背景图居中。

CSS实现显示与隐藏动画效果 在CSS中，可以通过 transition 和 @keyframes 实现显示与隐藏的动画效果。以下是常见的几种方法： 使用 opacity 和 transition 通

CSS段落缩进属性 在CSS中，可以通过以下属性实现段落缩进效果： 使用 text-indent text-indent 属性用于设置段落首行的缩进。

CSS让div文字竖着展示 在CSS中，可以通过以下几种方式让 <div> 中的文字竖着展示： 使用 writing-mode writing-mode 属性可以改变文本的书写方向，使其竖排显示。

CSS设置高斯模糊效果 在CSS中，可以使用 filter 属性实现高斯模糊效果。filter 属性提供了多种图像处理功能，其中包括 blur() 函数，用于创建高斯模糊效果。

CSS设置透明背景 在CSS中，可以通过以下几种方式设置透明背景： 使用 rgba() rgba() 函数可以设置颜色及其透明度。 示例代码： 解释： rgba(255, 255, 255, 0.5)

CSS实现不是直角的菱形效果 在 CSS 中实现非直角菱形（例如带圆角或斜切效果的菱形）可以通过多种方式实现，以下是几种常见方法

CSS如何清除定位 在 CSS 中，清除定位通常是指取消元素因定位属性（如 position: absolute 或 position: fixed）导致的脱离文档流的影响，或恢复元素到默认的布局状态

BFC会与float元素相互覆盖吗 BFC（块级格式化上下文）不会与浮动元素相互覆盖。BFC的特性之一是避免与浮动元素重叠，具体表现如下： BFC区域不与浮动元素重叠：BFC会调整自身布局，避免与浮动

CSS利用边框绘制三角形 在CSS中，可以通过巧妙地设置边框（border）属性来绘制三角形。具体原理是利用元素的边框在交汇处形成斜角的特性，通过将元素的宽度和高度设置为0，并调整边框的宽度和颜色来实

CSS利用伪元素绘制三角形 在CSS中，除了直接使用边框绘制三角形外，还可以利用伪元素（::before 或 ::after）来绘制三角形。这种方法更加灵活，尤其是在需要将三角形与其他元素结合使用时。

Grid布局 CSS Grid 布局是一种强大的二维布局系统，可以轻松实现复杂的网页布局。与传统的布局方式（如浮动、定位、Flexbox）相比，Grid 布局更加灵活和直观，适用于创建行列结构的布局。

设备像素、CSS像素、设备独立像素、DPR、PPL之间的区别与适配方案 在移动端和响应式设计中，理解 设备像素、CSS 像素、设备独立像素、DPR（设备像素比） 和 PPI（每英寸像素） 的概念非常重