微信登录

特殊效果 - 高度height等于width

css - css网站

导入 - CSS文件导入HTML

导入 - CSS文件导入CSS文件 - @import

选择器 - id、class、<标签>

单位 - 单位 - px、%、em、rem、vw、vh、 vmin、vmax

单位 - 单位计算 - calc()

通用属性 - display:; - 框的类型

通用属性 - position:; - 定位

通用属性 - float:left; - 浮动-俄罗斯方块

通用属性 - width:100%;width:auto;

通用属性 - margin: 0 auto; - 外边框-居中

通用属性 - border:2px solid #000; - 边框样式

通用属性 - border-radius:20px; - 圆角

通用属性 - padding:; - 内边框

通用属性 - color:#000000; - 文字颜色

通用属性 - font-size: 12px; - 文字大小

通用属性 - -webkit-text-stroke:1px #00ffff; - 文字描边

通用属性 - opacity:0.5; - 透明度

通用属性 - box-shadow: 1px 1px 1px #色号; - 盒子阴影

通用属性 - text-shadow:1px 1px 1px #色号; - 文字阴影

通用属性 - background-image:#色号50; - 背景+渐变色

通用属性 - background-color:#色号50; - 背景色+透明度

通用属性 - z-index:; - 远近

通用属性 - transform: rotate(18deg); - 旋转

a标签 - text-decoration: none; - 去掉下划线

li标签 - list-style-type:none - 去掉点

li标签 - display:inline横向

li标签 - background:url() - 加自定义图片

li标签 - .bg:hover{} - 鼠标滑过变css

特殊效果 - 高度height等于width

其他属性 - cursor:pointer - 靠近鼠标加上小手

其他属性 - keyframes - 动画

其他属性 - overflow:scroll; - 内容溢出设置

其他属性 - ::-webkit-scrollbar - 滚动条

全局变量 - root{} - --xx - var(--xx)

全局变量 - root{} - 主题一键切换

其他属性 - @media (){} - 窗口适应

bootstrap - 模板

特殊效果 - 高度height等于width

一个十分好用的方法
可以让box保持正方形
width可以增大减小

width:什么单位应该都可以;
height: 0;
padding-bottom: 100%;