1.安装依赖包; npm i element-ui -S 2.在vue项目中的main.js文件中,拷进去如下代码;(注意:注释中,//与文字之间要有一个空格) // 导入组件库 import ElementUI from 'element-ui'// 导入组件相关样式 import 'elemen ...
分类:
其他好文 时间:
2020-07-21 09:39:17
阅读次数:
80
在ios端默认的长按选择,可以对文字进行复制粘贴。但是在实际开发中,针对一些按钮一般要避免长按时弹出选中文字,或者一些罩层要避免弹出。 这篇文章通过css3实现禁止ios端长按复制选中文字的方法。 css代码如下: *{ -webkit-touch-callout:none; /*系统默认菜单被禁用 ...
分类:
移动开发 时间:
2020-07-17 09:17:20
阅读次数:
97
由于各大浏览器存在兼容性问题,同一个CSS属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的CSS文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码,大家最熟悉的也许就是* {margin:0 0}了,其实这是最简单的兼容性的代码,一般情况下,仅有这个是 ...
分类:
Web程序 时间:
2020-07-12 19:07:23
阅读次数:
90
animation动画使用 图片上下循环跳转 html代码: <div class="siteicon"> <img src="./siteicon.png" alt=""> <p>点击跳转</p> </div> css代码: @keyframes icon{ 0%{ opacity: 0.8; t ...
分类:
Web程序 时间:
2020-07-07 22:11:21
阅读次数:
159
0.引言 在我们编写css的时候,经常会用到百分比赋值(%)实现自适应。像我们最常使用的流式布局设计模式,基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题,我们常常会使用下面这样的css代码加以实现(absolute+transform思路): .wrap { ...
分类:
Web程序 时间:
2020-07-07 00:40:28
阅读次数:
200
CSS样式加载一共有四种方式: 1、行内样式 直接对HTML标签引入style=""设置样式;这样的方式会使得html不干净,代码冗余不利于维护。 2、内嵌样式--内部样式表 在head标签之间用<style></style>标签声明 优缺点:页面使用公共CSS代码,也是每个页面都要定义的,如果一个 ...
分类:
Web程序 时间:
2020-07-05 00:17:19
阅读次数:
126
Vant作为一款前端框架,可以说是为Vue量身定制,尤其适合手机端开发,其中集成了许多商城组件,特别适合开发商城系统。提起手机端开发,现在的手机品牌、型号很多,手机的屏幕尺寸规格也大不相同。简单的说,从4寸屏幕,到6.8寸手机屏幕,再到12寸Pad屏幕都有,那么,我们如何实现一套CSS代码,在不同尺 ...
分类:
移动开发 时间:
2020-06-29 15:40:17
阅读次数:
502
Google HTML/CSS 代码风格指南,里面有很多值得借鉴的地方 其中第一条说道,HTML 和 CSS 代码中引用的图片、媒体、CSS 和 JS 文件中的 URL 都可以去掉协议部分(http: 和 https:),比如 <script src="http://www.google-analy ...
分类:
Web程序 时间:
2020-06-29 11:53:00
阅读次数:
113
修改滚动条样式 ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式,仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用。 1、CSS代码如下,.todolist-content为待修改的className .todolist-c ...
分类:
Web程序 时间:
2020-06-26 01:07:06
阅读次数:
205
页面定制 CSS 代码 html{overflow: overlay;scroll-behavior: smooth;}body{background:#fff;min-height:100%;height:100%;color:#314659!important;font-family:Lato, ...
分类:
其他好文 时间:
2020-06-25 18:01:05
阅读次数:
60