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 - 模板
html
<ul> <li>Item1</li> <li>Item2</li></ul>
<ul>
<li>Item1</li>
<li>Item2</li>
</ul>
css
ul li{ display:inline; padding:5px;}
ul li{
display:inline;
padding:5px;
}
