css
个人看法
求人不如靠自己!
低调谦逊!远离杠精!!!
展开
-
vue页面引入css、less文件
@import'../../../../assets/css/table-common.less'; //这是页面子组件引用css 注意层级目录../@import'../../../assets/css/table-common.less'; //这是页面引用css 注意层级目录../我使用@import'@./assets/css/table-common.less';会有问题...原创 2021-04-07 11:30:05 · 2714 阅读 · 0 评论 -
引入字体-引入字体ios和字体相差太多
同事最近项目需要引入指定字体,引入后发现有一定的差别因为最初是没指定特殊字体,用了font-weightLbold经过ta多方排查,终于发现是font-weightLbold引起的如果你用的引入字体,又好巧不巧用了font-weightLbold,那么........原创 2020-09-09 15:21:17 · 176 阅读 · 0 评论 -
css鼠标滑过显示红色禁止操作
cursor:not-allowedcursor:no-drop表示禁止的意思,适用于大部分标签div p ul li h1-h6 ,常用于input,button标签原创 2020-07-07 13:55:40 · 1838 阅读 · 0 评论 -
element ui 弹出组件的遮罩层在弹出层的上面的解决方法:modal-append-to-body="false"
<el-dialog :visible.sync="dialogImg" :modal-append-to-body="false"><img :src="dialogImageUrl" alt=""></el-dialog>运用element的Upload 上传组件预览图片会出现遮罩层在弹出层的上面在遮罩处添加:modal-append-to-bo...原创 2019-08-14 11:43:34 · 20401 阅读 · 0 评论 -
element 自定义主题出现样式重复引入问题
当自定义主题色的时候按照命令改变主题色,会出现样式重复加载多次问题,看着很恶心人 解决方案去element-ui官网在线设计主题色,下载下来就行https://element.eleme.cn/#/zh-CN/theme/preview ...原创 2019-07-03 10:58:20 · 3264 阅读 · 2 评论 -
解决chrome表单自动填充去掉input黄色背景
background:transparent;背景透明 input:-webkit-autofill {-webkit-text-fill-color: #606266 !important;-webkit-box-shadow: 0 0 0px 1000px white inset !important;}注意如果是配合element-ui使用的话,记得style 不要设置s...原创 2019-07-02 17:04:14 · 670 阅读 · 0 评论 -
css写打印单据样式
最近有一个需求要写打印单据的样式记得在上上家公司也同样写过类似需求,当时用的px效果还凑合吧,记得是要用行内样式,否则不生效这次是直接公司有写了模板,新增模板,看到用的是mm单位(毫米),刚开始还在想怎么用mm做单位呢,同样是用的行内样式,定位写的,效果还不错,后来和同事说了下,好像这东西和打印机还有关系,px会有差别吧记录一下写打印样式用mm+行内css+position...原创 2019-05-06 15:20:53 · 3233 阅读 · 2 评论 -
swiper3D效果
1.previous-margin next-margin设置上一个下一个间距2.autoplay="true"设置自动播放,优化第一张显示问题,circular="true"设置自动衔接3.所有图片scale设置0.9 ,transform:scale(0.9);当前为1transform:scale(1);4.用@change="changehandler"事件,可以监听到当前...原创 2018-10-23 10:48:11 · 1773 阅读 · 0 评论 -
小程序覆盖checkbox样式
<checkbox-group @change="checkboxChange"><checkbox class="ws-checkbox" /></checkbox-group> //覆盖checkbox默认样式.wx-checkbox-input{display: none;} checkbox-group{paddi...原创 2018-10-18 09:49:05 · 1089 阅读 · 0 评论 -
css 字体 图片 动画
字体摇摆<text>开始出题</text>text{ display: block; animation: star 1s linear infinite;}@keyframes star { 0% { transform: rotate(0); } 50% { transform: rotate(6deg); } 100% { trans...原创 2018-04-09 17:10:37 · 460 阅读 · 0 评论 -
图片美化画笔
<div class="all pencil-effect" id="all"> <img src="./image/2.jpg"> </div>.pencil-effect { margin: 10px 20px 20px; } ..原创 2018-06-07 18:23:48 · 290 阅读 · 0 评论 -
字体动效网站
http://tobiasahlin.com/moving-letters/#转载转载 2018-06-16 11:31:35 · 1636 阅读 · 0 评论 -
css画4个角的方框
.teamNum{ margin: 20px auto; width: 80px; height: 80px; line-height:80px; text-align: center; border: 4px solid #eab460; border-image: -webkit-linear-gradient( #eab460, #f38924) 4...原创 2018-06-25 11:50:10 · 3915 阅读 · 0 评论 -
css display:flex实现元素垂直居中
在此之前元素垂直居中我使用的是绝对定位absolute或固定定位fixed如何用flex实现元素垂直居中呢,父级包括子级<div class='itemBox'> <div>boxboxboxboxboxboxboxboxboxboxbox</div></div> .itemBox{display: flex;...原创 2018-08-05 20:40:31 · 9165 阅读 · 0 评论 -
伪类写边框。1像素的一般.5px
:after{content: "";position: absolute;bottom: 0;left: 28rpx;width: 722rpx;border:1px solid #dddddd;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 0;...原创 2018-08-16 11:27:11 · 702 阅读 · 0 评论 -
中文两端对齐text-align: justify;
项目中发现中文文字右边对不齐,原来用text-align: justify; 可以对齐,文字两端对齐,学习学习原创 2018-08-30 17:27:05 · 475 阅读 · 0 评论 -
jq操作全选全部选input checked
好久不写jq,全都忘记了, // 全选、全不选 function checkAll() { var all = $("#checkboxAll").prop("checked"); if(all){ $("input[type='checkbox']").prop("checked", false); $...原创 2018-09-01 17:22:19 · 2607 阅读 · 0 评论 -
img图片全屏覆盖兼容安卓
用background-size:cover;部分华为TCL机型会有问题,让图片完整显示,显示成功,部分的取相近颜色.img1{background:#1e1e28 url(https://x.bycdiamond.cn:8443/byc/pic/byc/banner.jpg) no-repeat;background-size: 750rpx 1100rpx;}...原创 2018-09-12 18:53:37 · 544 阅读 · 0 评论 -
css选择前几个元素,或者后几个元素
前5个元素&:nth-child(-n+5)第5个元素后边所有&:nth-child(5+n).product-ad-item{width: 184px;height: 248px;border-left: 1px solid #f2f2f2;&:nth-child(-n+5){border-bottom: 1px solid #f2f2f2;...原创 2018-10-11 14:42:16 · 16665 阅读 · 3 评论 -
flex布局
转自https://blog.csdn.net/u013344815/article/details/68945861justify-content主轴改变起点布局,X轴或Y轴align-items改变y轴布局flex-direction方向flex-wrap是否换行容器的特性容器共可以设置六个属性flex-direction flex-wrap flex-flow...转载 2018-09-27 15:31:33 · 191 阅读 · 0 评论 -
css去掉select默认样式 文本超出 固定背景图
css去掉select默认样式 文本超出 固定背景图原创 2017-03-30 11:22:48 · 3216 阅读 · 0 评论