仿掘金鼠标移动到头像上面，头像不停转动效果，而且越转越快
仿掘金鼠标移动到头像上面，头像不停转动效果，而且越转越快，用css3属性去实现的。代码：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&...
flex实现标题，标题两边有横向横线效果
分成三列布局去实现<view class="common-title"> <view class="title-left">---</view> <view class=...
flex属性中flex-shrink收缩比例，排版一行挤在一起，宽度失效
做手机页面的时候，用了flex排版布局，布局效果是想要所有内容一行显示，超出内容会滚动横向滚动条显示，然后遇到问题，flex布局的内容的设置了宽度失效了，所有内容会强制一行显示了，但是会挤在一起显示。效果如下...
vue.js项目 el-input组件及原始input 监听回车键实现搜索功能
1、使用@keyup.enter.native和@keyup.enter监控input按下enter确认键触发查询提交两种监控实现不同，@keyup.enter.native对应点的是基于element-ui 组件，而@keyup.enter则是原始的input输入框2、实现效果3、实现示...
admin后台管理的时候使用的公共样式
做后台管理的时候，使用过layui之后还需要设置的基本样式：/*--------------------------------------- -------------------------公共 ----------------------------------------*/ .fl { float: ...
web网站的pc端样式的重置方式
下面是pc端页面的样式重置办法，基本样式如下：body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, l...
手机端wap页面的基本样式，重置样式
做手机端的时候，通常用到的基本样式去重置页面，下面就给大家介绍一下：body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, for...
css表格优化排版
css美化表格常用技巧。等比、定宽、错色等。html:<table> <colgroup> <col span="3"> ...
css鼠标跟随导航下划线效果
效果图：html代码：<ul> <li>不可思议的CSS</li> <li>导航栏</li> <li>光标小下划线跟随</li...
纯css实现文本列表的前面的文字两端对齐显示
效果如上面展示,前面的文本两端对齐,通过css去实现,代码如下:一.办法1:html:<div class="item"> <span class="label">姓名</span>： &n...
css清楚浮动的几种办法
平常写页面的时候经常会碰到用了float之后高度会失效之类的,这时候就要清除浮动.比如下面的练习:html:<section> <img src="images/rubber_duck2.jpg"> <p>It's fun&nbs...
总结css垂直居中的几十种办法,更新中...
平常我们写页面的时候,经常碰到要垂直居中一个模块或是文字,或是图片等等,经常会用到的一些办法,还有其他地方看到的一些办法比较少用的都有,下面总结一下:1、Line-height适用情景：单行文字垂直居中技巧,这种办法只...
