使用 Tailwind CSS 自定义基础样式层
然后说明可以通过 “@apply” 指令应用 Tailwind CSS 中现有的样式值,或者通过 “theme” 函数获取在 tailwind.config.js 中配置的主题值。注释还解释了 “@layer base” 中定义的样式,如果没有被使用的话,会在编译后被删除。首先在注释中说明了这段代码
CSS基础语法之盒子模型
使用方法：创建项目 → 输入 项目名称、项目类型 Web → 单击按钮【创建项目】 → 单击按钮【添加】，导入设计稿。默认情况：盒子尺寸 = 内容尺寸 + border 尺寸 + 内边距尺寸。内边距 – padding（出现在内容与盒子边缘之间）属性值：边框线粗细 线条样式 颜色（不区分顺序）属性值
vue中 css scoped原理
父组件、子组件分别设置颜色为蓝色、红色。通过给组件加hash值，锁定组件。
CSS 实现：常见布局
在 Apple 的视网膜屏（Retina）中，默认每 4 个设备像素为一组，渲染出普通屏幕中一个像素显示区域内的图像，即 1 CSS 像素跨越 2设备像素，从而实现更为精细的显示效果。移动设备的布局视口的默认值为 980px，比如在一个宽 320px 的移动设备显示一个布局视口宽为 980px 的页
【css-banner图片自适应】
【代码】【css-banner图片自适应】
21.6 CSS 弹性布局
1. 弹性盒子CSS弹性盒子(Flexbox)是一种布局模型, 用于创建灵活的, 自适应的网页布局.它的目的是在不同屏幕尺寸和设备上实现一致的布局效果.引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列, 对齐和分配空白空间.弹性容器通过设置display属性的值为fle
前端:运用HTML+CSS+JavaScript实现拼图游戏
前一段时间突然来了一个想法，就是运用前端知识实现一个拼图游戏，但是不知道具体怎样实现。今天，想到既然实现不了现实中我们看到的那种拼块，那么就用正方形来代替吧！
CSS深度选择器(穿透)
问题：[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)CSS深度选择器(穿透)1、stylus的样式穿透 使用>>>（不推荐）
css知识学习系列（3）-每天10个知识点
媒体查询用于根据不同屏幕尺寸应用不同的CSS样式，而JavaScript可以用于在特定事件发生时执行不同的布局操作。然而，使用框架也有一些潜在的缺点，例如可能需要额外的学习成本，不够灵活，需要覆盖默认样式等。：可以设置动画或过渡的持续时间、延迟时间和计时函数（timing function），以控制
CSS 实现祥云纹理背景
最近掘金出来一个中秋创意活动，我准备参加一下。作品方向选择用纯css做一个中秋贺卡，其中有一些中秋的元素和一些简单的动画，而贺卡背景的实现就是本文要讲的内容。
CSS笔记
参考的是它的包含块。对兄弟元素的影响：后面的兄弟元素，会占据浮动元素之前的位置，在浮动元素的下面；对父元素的影响：不能撑起父元素的高度，导致父元素高度塌陷；/*选中的是div的儿子p元素，但是排除title属性值以“你要加油”开头的*/参考离它最近的能滚动的祖先元素，当它的父容器也被推走的时候它也会
selenium---浏览器F12的正确用法
前言测试过程中经常会进行抓包来查看一些错误内容，判断是前端的问题还是后端的问题，常见的抓包工具有Fiddler，Charles，还有web端的F12。今天安静来介绍下如何通过F12进行抓包查看请求内容浏览器抓包打开百度按下键盘F12或者邮件选择检查，这里可以看到有一些选项：Elements，Cons
HTML引入css文件（四种方法）
因为内嵌样式表需要将 CSS 样式定义在 HTML 文档的内部，所以会导致文档的体积变大，而且当有其它文档也需要使用内嵌样式表中同样的样式时，无法引入到其他文档，必须在其它文档中重新定义，会导致代码冗余，不利于后期维护。因为 CSS 样式定义在单独的 .css 格式的文件中，所以可以在多个页面之间引
一文弄懂window.print（）打印
一般信息填写类的需求页面，都会增设「预览」和「打印」功能。我们会通过编写 DOM 及样式来绘制出预览视图，而打印则是基于预览来生成 PDF 文件。浏览器原生 API window.print() 可以用于打印当前窗口（window.document）视图内容。调用此方法会产生一个打印预览弹框，用户可
用css画一个半圆弧（以小程序为例）
2、两个参数时，第一个参数代表：左上、右下（主对角线） ，第二个参数代 表：右上、左下（副对角线）3、四个参数时、第一个参数代表：左上 ，第二个参数代表：右上，第三个代表：右下，第四个参数代表左下。3、三个参数时、第一个参数代表：左上 ，第二个参数代表：
HTML-table表格详解
table表格(结构设置tr行、td列，rowspan纵合并colspan横合并,spacing边距collapse边框合并，thead表头tbody表体tfoot表底，补充)
HTML5概述 - 语义化标签
一、HTML5 简介1、什么是 HTML5HTML5 不是一门新的语言，而是我们之前学习的 HTML 的第五次重大修改版本。2、HTML 的发展历史•超文本标记语言（第一版，不叫 HTML 1.0）——在 1993 年 6 月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；•HTML 2
HTML-选择器
四种状态的顺序最好固定，link visited hover active。逗号选择器，可以同时设置多个标签，使用逗号进行分割。要使用伪元素选择器一定要加上content属性。标签选择器：根据标签的名称获取。id属性唯一，class不唯一。获取的是某个标签的第一级子标签。获取的某个标签里面所有的子标
css - css页面底部固定的几种方法
css布局中页面 底部固定的几种方法
[plugin:vite:css] [sass] Undefined mixin.
scss报错： [plugin:vite:css] [sass] Undefined mixin.前言： vite + vue3 + TypeScript环境。在vite.config.ts文件添加配置。
