-
主页
-
投资
-
IT
🔥 -
设计
-
销售
-
人
-
1 css - css网站 0k
-
2 导入 - CSS文件导入HTML 0.1k
-
3 导入 - CSS文件导入CSS文件 - @import 0k
-
4 选择器 - id、class、<标签> 0.4k
-
5 单位 - 单位 - px、%、em、rem、vw、vh、 vmin、vmax 0.7k
-
6 单位 - 单位计算 - calc() 0k
-
7 通用属性 - display:; - 框的类型 1k
-
8 通用属性 - position:; - 定位 0.5k
-
9 通用属性 - float:left; - 浮动-俄罗斯方块 0k
-
10 通用属性 - width:100%;width:auto; 0k
-
11 通用属性 - margin: 0 auto; - 外边框-居中 0.3k
-
12 通用属性 - border:2px solid #000; - 边框样式 0.2k
-
13 通用属性 - border-radius:20px; - 圆角 0.2k
-
14 通用属性 - padding:; - 内边框 0.6k
-
15 通用属性 - color:#000000; - 文字颜色 0k
-
16 通用属性 - font-size: 12px; - 文字大小 0.3k
-
17 通用属性 - -webkit-text-stroke:1px #00ffff; - 文字描边 0k
-
18 通用属性 - opacity:0.5; - 透明度 0k
-
19 通用属性 - box-shadow: 1px 1px 1px #色号; - 盒子阴影 0.4k
-
20 通用属性 - text-shadow:1px 1px 1px #色号; - 文字阴影 0.4k
-
21 通用属性 - background-image:#色号50; - 背景+渐变色 0.5k
-
22 通用属性 - background-color:#色号50; - 背景色+透明度 0.3k
-
23 通用属性 - z-index:; - 远近 0k
-
24 通用属性 - transform: rotate(18deg); - 旋转 0.3k
-
25 a标签 - text-decoration: none; - 去掉下划线 0k
-
26 li标签 - list-style-type:none - 去掉点 0k
-
27 li标签 - display:inline 横向 0.1k
-
28 li标签 - background:url() - 加自定义图片 0.7k
-
29 li标签 - .bg:hover{} - 鼠标滑过变css 0k
-
30 特殊效果 - 高度height等于width 0k
-
31 其他属性 - cursor:pointer - 靠近鼠标加上小手 0k
-
32 其他属性 - keyframes - 动画 0.7k
-
33 其他属性 - overflow:scroll; - 内容溢出设置 0.5k
-
34 其他属性 - ::-webkit-scrollbar - 滚动条 0.4k
-
35 全局变量 - root{} - --xx - var(--xx) 0k
-
36 全局变量 - root{} - 主题一键切换 1k
-
37 其他属性 - @media (){} - 窗口适应 0.5k
-
38 bootstrap - 模板 1k
30 -
特殊效果 - 高度height等于width
更新日期：2024-06-19 00:38:37
一个十分好用的方法
可以让box保持正方形
width可以增大减小
width:什么单位应该都可以;height: 0;padding-bottom: 100%;
