一.css 1.css样式引入方式 (1)第一种 head标签中引入 <style> /* 选择器{css属性名称:属性值;css属性名称:属性值;} */ div{ /* css注释 */ width: 200px; height: 200px; background-color: red; } ...
分类：
编程语言 时间：
2020-07-03 23:18:16
阅读次数：
62
在设计图会经常使用到的阴影效果，如何用css3来实现呢？这篇文章主要整理box-shadow的一些好看常用的投影效果。 1、曲面/椭圆投影效果: 代码如下： <style> .shadow_wrap{ width: 100%;background:#E6EEF6;max-width: 600px;m ...
分类：
Web程序 时间：
2020-07-03 21:37:09
阅读次数：
166
.fullscreen { position: fixed; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; background-color: #1a1a1a; } .screen-content { width: 95%; ...
分类：
Web程序 时间：
2020-07-03 21:22:11
阅读次数：
78
在css中 transparent到底是什么意思呢? transparent 它代表着全透明黑色，即一个类似rgba(0,0,0,0)这样的值。 例如在css属性中定义：background:transparent，意思就代表背景透明。 实际上background默认的颜色就是透明的属性，所以写和不 ...
分类：
Web程序 时间：
2020-07-03 12:28:37
阅读次数：
138
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>float演练</title> <style> #div1 { border: 2px; background-color: deeppink; widt ...
分类：
其他好文 时间：
2020-07-02 23:19:35
阅读次数：
323
CSS 中文开发手册 缩放背景图像 | CSS Background and Borders: Scaling background images (Backgrounds & Borders) - CSS 中文开发手册 background-sizeCSS属性使得它可以调整背景图像的宽度和高度，从... ...
分类：
Web程序 时间：
2020-07-02 00:26:22
阅读次数：
72
直接在css中这样写是不行的，完全没有效果。 .am-list-item.am-input-item { height: 36px; min-height: 30px; } 要像下面这样，加上global才有效果。 :global { .am-list-body { background-color ...
分类：
其他好文 时间：
2020-07-01 22:30:30
阅读次数：
188
首先看看需求，tab栏上的一个active样式 //找到active时的选择器 .active::before { content: ''; width: 100%; height: 6px; background-color: green; display: inline-block; posit ...
分类：
Web程序 时间：
2020-07-01 17:28:24
阅读次数：
146
【面试 · 回看】 ?HTML&CSS面试高频考点（一） ?HTML&CSS面试高频考点（二） ?HTML&CSS面试高频考点（三） 16. CSS动画 @keyframes规则用于创建动画 为兼容有的浏览器，需要加上前缀： @keyframes myfirst { from {background ...
分类：
Web程序 时间：
2020-07-01 15:58:28
阅读次数：
59
首先展示一下效果页面 将标签存放在Tags.vue，使用组件传值进行切换。增加keep-alive缓存机制 <el-main style="background-color:#eaedf1"> <!-- 标签组件 --> <tabs></tabs> <router-view></router-vie ...
分类：
其他好文 时间：
2020-07-01 12:41:41
阅读次数：
72
