- 昵称:51助手
- 博龄:6年5个月23天
- 粉丝:122
- 关注:108
- +关注
搜索
文章分类
博客档案
css3鼠标经过渐隐渐现动画
摘要: .ani{ visibility:hidden;;//隐藏 -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-tr
bootstrap 前端布局常用
摘要:栅格参数通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。超小屏幕 手机 (<768px)小屏幕 平板 (≥768px)中等屏幕 桌面显示器 (≥992px)大屏幕 大桌面显示器 (≥1200px)栅格系统行为总是水平排列开始是堆叠在一起的,
鼠标经过触发动画
摘要:需要引入animate.min.css 这款动画css或者也可以直接使用七牛静态库的地址。<link href="http://cdn.staticfile.org/animate.css/3.5.2/animate.min.css" rel="stylesheet" />注意需要加上 animated 类
开发中手机端css样式缓存如何去除
摘要:当页面刷新时,引入的css 、js 文件为相同地址时,浏览器会默认读取缓存,在开发中,我们的文件是经常修改的pc端可以在 ctrl+f5 深度刷新来解决,但手机端就不好处理了解决方法,在引入的文件地址动态加入参数,这样浏览就会认为每次刷引入的是不同文件,而不会读取已缓存文件例:原引入css <link rel="stylesheet
display: flex 子项指定宽度
摘要:<style> .father{ width:100%; background-color:red;
css flex弹性盒布局 实现一个左右宽度固定,中间自动撑开
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"> <title>Title</title> <style> .box
bootstrap媒体查询
摘要:Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中,但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。@media 媒体类型and (媒体特性){你的样式}注意:使用Media Q
bootstrap 删格系统 col-xs、col-sm、col-md、col-lg祥解
摘要:一句话概括,就是根据显示屏幕宽度的大小,自动的选用对应的类的样式 1、col是column简写:列2、xs是maxsmall简写:超小, sm是small简写:小, md是medium简写:中等, lg是large简写:大;3、-* 表示占列数,即占每行row分12列栅格系统比;4、.col-xs-* 超小屏幕如手机