- 1css - css网站公开
- 2导入 - CSS文件导入HTML公开
- 3导入 - CSS文件导入CSS文件 - @import公开
- 4选择器 - id、class、<标签>公开
- 5单位 - 单位 - px、%、em、rem、vw、vh、 vmin、vmax公开
- 6单位 - 单位计算 - calc()公开
- 7通用属性 - display:; - 框的类型公开
- 8通用属性 - position:; - 定位公开
- 9通用属性 - float:left; - 浮动-俄罗斯方块公开
- 10通用属性 - width:100%;width:auto;公开
- 11通用属性 - margin: 0 auto; - 外边框-居中公开
- 12通用属性 - border:2px solid #000; - 边框样式公开
- 13通用属性 - border-radius:20px; - 圆角公开
- 14通用属性 - padding:; - 内边框公开
- 15通用属性 - color:#000000; - 文字颜色公开
- 16通用属性 - font-size: 12px; - 文字大小公开
- 17通用属性 - -webkit-text-stroke:1px #00ffff; - 文字描边公开
- 18通用属性 - opacity:0.5; - 透明度公开
- 19通用属性 - box-shadow: 1px 1px 1px #色号; - 盒子阴影公开
- 20通用属性 - text-shadow:1px 1px 1px #色号; - 文字阴影公开
- 21通用属性 - background-image:#色号50; - 背景+渐变色公开
- 22通用属性 - background-color:#色号50; - 背景色+透明度公开
- 23通用属性 - z-index:; - 远近公开
- 24通用属性 - transform: rotate(18deg); - 旋转公开
- 25a标签 - text-decoration: none; - 去掉下划线公开
- 26li标签 - list-style-type:none - 去掉点公开
- 27li标签 - display:inline横向公开
- 28li标签 - background:url() - 加自定义图片公开
- 29li标签 - .bg:hover{} - 鼠标滑过变css公开
- 30特殊效果 - 高度height等于width公开
- 31其他属性 - cursor:pointer - 靠近鼠标加上小手公开
- 32其他属性 - keyframes - 动画公开
- 33其他属性 - overflow:scroll; - 内容溢出设置公开
- 34其他属性 - ::-webkit-scrollbar - 滚动条公开
- 35全局变量 - root{} - --xx - var(--xx)公开
- 36全局变量 - root{} - 主题一键切换公开
- 37其他属性 - @media (){} - 窗口适应公开
- 38bootstrap - 模板公开
通用属性 - background-color:#色号50; - 背景色+透明度
background-color
只有background-clip可以控制
background-origin
background-position
background-repeat
background-size
background-attachment都不能控制background-color
background-clip: border-box|padding-box|content-box;
| 值 | 说明 |
|---|---|
| border-box | 默认值。背景绘制在边框方框内（剪切成边框方框）。 |
| padding-box | 背景绘制在衬距方框内（剪切成衬距方框）。 |
| content-box | 背景绘制在内容方框内（剪切成内容方框）。 |