随笔分类 - css3
摘要：没处理之前谷歌是正常的，火狐滚动条很宽很丑 处理之后滚动条变细了，好看了 css代码在此： * { scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar
阅读全文
摘要：html: <h3 class="detail-title">车辆信息</h3> <el-row class="detail-item-wrap"> <el-col :span="12" class="cell-wrap"> <div class="cell-label"> <span class=
阅读全文
摘要：在前端工作中遇到三角形或者需要箭头的样式，我们不仅可以利用图片来实现效果，还可以利用css来实现。 <div class="triangle"></div> 1、利用border来实现(1)向下三角形 .triangle{ width: 0; height: 0; border-width: 100
阅读全文
摘要：今天有个需求希望底部的内容一直在底部，只有当中间内容多到屏幕底部的时候，底部的内容才自动移出屏幕。大概就是下面这个效果，当绿色的内容多到黄色区域的时候黄色区域自动移动出屏幕。 版权归作者所有，任何形式转载请联系作者。作者：白板凳与黑木头（来自豆瓣）来源：https://www.douban.com/
阅读全文
摘要：效果图： 原理解释一波： 在所有浏览器，滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因，市面上基于webkit内核的浏览器也是很难穷举完。例如有：Google Chrome、Opera（opera最近宣布使用webkit内核了）、360极速浏览器，猎豹浏览器等，搜狗浏览器·
阅读全文
摘要：:last-child represents the last element among a group of sibling elements. CSS伪类 :last-child 代表在一群兄弟元素中的最后一个元素。 举个例子： 从代码和图可以看出:last-child选择了最后一个li标签。
阅读全文
摘要：flex布局 来源: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员
阅读全文
摘要：效果图： 感兴趣的朋友可以去熟试下！！！
阅读全文
摘要：问题：fixed元素被另一个fixed元素包含的时候在chrome下fixed子元素的定位会受到父元素的影响。 解释：层叠关系是受层叠上下文影响的。文档中的层叠上下文由满足以下任意一个条件的元素形成： 根元素 (HTML), 绝对（absolute）定位或相对（relative）定位且z-index
阅读全文
摘要：PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 14.1寸、15.0寸
阅读全文
摘要：一般情况下，我们css控制的最高节点就是body，例如设置： 则浏览器界面就是完全的#068的背景色。这里看上去是<body>标签下的背景色起作用了，我到不这么认为，这里不是body的background起作用，而是body作为一个根节点起作用了，<html>标签未被激活，body担当类似于根节点的
阅读全文
摘要：html css: <a class="home_user_head" href="javascript:;"> <img src="//static.eimoney.com/diamonds/mobile/imoney_v6/img/iMoneyNewLogoColor.png"> </a> <a
阅读全文
摘要：HTML CSS 控制台查看：
阅读全文
摘要：css:
阅读全文
摘要：转：https://www.cnblogs.com/handsomeBoys/p/6599062.html HTML: <div class="book-detail-store-item align-center-vertical">居中文字</div> CSS: .book-detail-sto
阅读全文
摘要：原文地址：https://www.cnblogs.com/xinjie-just/p/5911086.html 对于表单，input[type="radio"] 的样式总是不那么友好，在不同的浏览器中表现不一。 对单选按钮自定义样式，我们以前一直用的脚本来实现，不过现在可以使用新的伪类 :check
阅读全文
摘要：1.改变透明度 hover前 hover后 2.背景图片很复杂，建议用两张图叠加，hover后隐藏一张就好啦 html css hover前 hover后 3.灯光旋转照耀特效 html css: 4.filter过滤效果 hover前 hover后
阅读全文
摘要：canvas代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <canvas id="canvas" width="200" height="
阅读全文
