源滚滚编程

参考文档：https://www.w3school.com.cn/tiy/t.asp?

2、定义全局css变量文件 src/assets/css/global.less。4、配置vite vite.config.js。3、引入less src/main.js。5、使用 src/App.vue。

修改 vite.config.js。修改 src/App.vue。

1到12是连续的数字，间隔1。12到64间隔4。最大的是96。支持2,3,4,5,6,12百分比。

1到12是连续的数字，间隔1。12到64间隔4。最大的是96。

1到12是连续的数字，间隔1。12到64间隔4。最大的是96。

1到12是连续的数字，间隔1。12到64间隔4。最大的是96。支持百分比2,3,4,5,6样式。h-full表示百分百，h-screen表示屏幕高度。关键字是 h。

1到12是连续的数字，间隔1。12到64间隔4。最大的是96。关键字是 max-w。

1到12是连续的数字，间隔1。12到64间隔4。最大的是96。关键字是 min-w。

w-full：宽度是百分百w-screen：宽度是屏幕宽度1到12是连续的12到64是间隔4百分比：2,3,4,5,6,12，支持百分比，比如1/3,1/6,1/12等。

x：水平方向y：垂直方向0到12是连续的，步长为112到52的步长是252到64的步长是464到80的步长是8最大的数是96。

m-1 到 m-96，设置四个方向的外边距，数字越大，内边距越大。mx-1 到 mx-96，设置水平方向的外边距，数字越大，内边距越大。my-1 到 my-96，设置垂直方向的外边距，数字越大，内边距越大。1-12是连续的12-52是间隔252到64间隔464以后间隔8m：四个方向mx：水平方向my：垂直方向mt：上边mr：右边mb：下边ml：左边。

p-1 到 p-96，设置四个方向的内边距，数字越大，内边距越大。px-1 到 px-96，设置水平方向的内边距，数字越大，内边距越大。py-1 到 py-96，设置垂直方向的内边距，数字越大，内边距越大。1-12是连续的12-52是间隔252到64间隔464以后间隔8p：四个方向px：水平方向py：垂直方向pt：上边pr：右边pb：下边pl：左边。

flex-basics 样式类Utilities for controlling the initial size of flex items.用于控制伸缩项的初始大小的实用程序。基础样式ClassPropertiesbasis-0flex-basis: 0px;basis-1flex-basis: 0.25rem; /* 4px */basis-2flex-basis: 0.5rem; /* 8px */basis-3flex-basis: 0.75r

【代码】Vite5+Vue3整合Tailwindcss详细教程。

aspect 相关样式类基础样式ClassPropertiesaspect-autoaspect-ratio: auto;aspect-squareaspect-ratio: 1 / 1;aspect-videoaspect-ratio: 16 / 9;案例：引入B站视频Use the aspect-* utilities to set the desired aspect ratio of an element.使用’ aspect-* '实用工具来设置

因为这套代码交互比较复杂，这里无法贴上全部代码了。如果有感兴趣的朋友可以私信我获取。如果您觉得这篇文章对您有帮助麻烦打赏一下！另外，在输入账号和密码的时候，会有一个轻微的抖动动画效果，告诉用户当前正在输入的是什么。

这种半透明的登录界面还是比较炫酷的，和之前的黑客登录界面比起来，各有优点，适合不同的场景。比如这个就看上去科技感比较足，而且比较正式，适合大部分的登录界面。是不是特别的简单呢？只有两个shape元素，这个shape元素就是登录界面的背景图里面看到的那俩个圆。需要注意的是，这里的背景是使用CSS进行渲染的，而不是需要UI帮我们设计的背景图。如果需要完整的代码，可以私信我哦。如果对您有帮助，麻烦记得打赏一下。那么这种登录效果是怎么实现的呢？

废话不多说，先上图，有图有真相：这个是静态图，动态图不知道咋弄，动态图看起来要更炫酷一点，背景有那种绿色的流光效果，鼠标滑过的区域也会有对应的动画效果。首先，给大家看看背景图的元素咋实现的，目前是第一版本：<!--背景开始--> <span></span> <span></span> <span></span> <span></span> <span></span&g

有时你会看到CSS的前面有连字符和标签，像这样:- border-image。这些供应商前缀是浏览器供应商将属性、值或其他CSS标记为实验性或专有(或两者兼而有之)的一种方式。截至2023年初，一些供应商的前缀还在使用，最常见的如表1-1所示。-epub- 国际数字出版论坛ePub格式-moz- 基于gecko的浏览器(例如，Mozilla Firefox) -ms- Microsoft Internet Explorer-o- 欧鹏浏览器。

模块化CSS的基本原理是，每个模块都可以按照自己的进度进行工作，特别是关键的(或流行的)模块可以沿着万维网联盟(W3C)的进度轨道推进，而不会被其他模块阻碍。这些问题威胁到CSS的发展，但幸运的是，一些聪明的建议被实现了，浏览器开始协调一致。在几年之内，由于互操作性的提高和高调的发展，如基于CSS的Wired杂志的重新设计和CSS禅宗花园，CSS开始流行起来。它的目标是为网页作者提供一种简单的、声明式的样式语言，这种语言非常灵活，最重要的是，为作者和用户提供样式功能。有了这些，我们就可以开始理解CSS了。

package mainimport ( "fmt" "github.com/zhangdapeng520/zdpgo_docker")func main() { result, err := zdpgo_docker.InstallOnCentos7("192.168.18.101", "zhangdapeng", "zhangdapeng", 22) fmt.Println(result, err)}