Loading...
效果图代码<!DOCTYPE html> <html lang="en"> <head> ...
透明度opacity 它设置的是整个元素的透明，取值 0-1， 0 完全透明， 1 完全不透明在颜色位置设置alpha通道(rgba) 可以设置颜色的...
一、更多伪类选择器伪类选择器在 CSS 中起着至关重要的作用，它们允许你根据元素的特定状态或位置来选择元素，从而实现更加精细的样式控制。（一）first-...
一、定位概述在网页布局中，定位可以让我们手动控制元素在其包含块中的精确位置，这主要通过 CSS 的position属性来实现。二、position属性取值...
一、应用场景文字环绕：通过将图片等元素设置为浮动，可以实现文字围绕该元素排列的效果，增强页面的排版美感和可读性。例如，在一篇文章中，将图片左浮动，文字就会...
一、盒模型与视觉格式化模型盒模型：规定单个盒子尺寸和位置的规则。视觉格式化模型（布局规则）：页面上多个盒子排列的规则。视觉格式化模型大体上将页面中盒子的排...
一、链接相关伪类a:link作用：选择未被访问过的链接。通常用于设置未访问链接的特定样式，如颜色、下划线等。例如：a:link { color: blue...
CSS 知识点总结一、文本装饰（text-decoration）作用：设置文本的装饰样式。可选值：none：无装饰，文本无额外线条。underline：添...
实现效果实现分析解析歌词字符串转化为对象var lyrics = `[00:00.000]漂洋过海来看你-孙露 [00:09.480]词：李宗盛 [00:...
涉及到的CSS 知识点详细分析<!DOCTYPE html> <html lang="en"> <...
