sass最终输出的样式包括下面几种样式风格:嵌套输出方式 nested展开输出方式 expanded 紧凑输出方式 compact 压缩输出方式 compressed sass: 设置为展开输出方式nested(默认输出): 编译出来的css样式风格默认为嵌套输出: 设置为展开输出方式expande ...
分类:
其他好文 时间:
2016-09-28 19:10:55
阅读次数:
165
———————————————————————— <script type="text/javascript"> var currStatus = '正常'; //当前的状态 var myTimer = null; //定时器 var mySec = 0; //定时还剩下的秒 //修改按钮为正常状态 ...
分类:
其他好文 时间:
2016-09-22 12:57:34
阅读次数:
154
我们在做项目的过程中,有时候客户需求要求你在同一个页面中,写几个不同样式的轮播图效果,那么如何快速实现呢?(要知道若果你每个轮播图都要用原生javascript写的话,会很麻烦,代码也不够简洁) 这里我们就可以借助插件来实现这一功能,swiper.js就是一个专门处理轮播图效果的js库,下面举例来说 ...
分类:
Web程序 时间:
2016-09-14 21:56:57
阅读次数:
301
sass的不同样式风格的输出方法1、嵌套式nestedSass提供了一种嵌套显示CSS文件的方式。例如nav{
ul{
margin:0;
padding:0;
list-style:none;
}
li{display:inline-block;}
a{
display:block;
padding:6px12px;
text-decoration:none;
}
}在编译的时候带上参数“--stylenested..
分类:
其他好文 时间:
2016-09-07 11:02:53
阅读次数:
1444
摘要:这篇笔记主要是关于bootstrap提供的定义按钮的不同样式 。 1.按钮样式总结 以下样式可以用在<a>、<button>、<input>元素上。 因为:<a role="button" href="#">、<input type="button">、<input type="submit" ...
分类:
其他好文 时间:
2016-08-27 11:33:06
阅读次数:
333
不同样式风格的输出方法 众所周知,每个人编写的 CSS 样式风格都不一样,有的喜欢将所有样式代码都写在同一行,而有的喜欢将样式分行书写。在 Sass 中编译出来的样式风格也可以按不同的样式风格显示。其主要包括以下几种样式风格: 嵌套输出方式 nested 展开输出方式 expanded 紧凑输出方式 ...
分类:
其他好文 时间:
2016-08-24 19:12:08
阅读次数:
305
一、@support断定浏览器支持情况定义不同样式 @1像素边框 @sticky吸顶优化体验 sticky使用条件:sticky 元素只能在父容器内活动sticky 元素父容器不能含有overflow:hidden 和 overflow:auto 1 2 3 4 5 6 7 8 9 10 11 12 ...
分类:
其他好文 时间:
2016-06-18 11:32:43
阅读次数:
210
工作每天都是接触移动的,特将平时工作中常用的技巧整理总结。 一、@support断定浏览器支持情况定义不同样式 @1像素边框 @sticky吸顶优化体验 sticky使用条件:sticky 元素只能在父容器内活动sticky 元素父容器不能含有overflow:hidden 和 overflow:a ...
分类:
其他好文 时间:
2016-06-03 19:07:24
阅读次数:
246
在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 表单 ...
分类:
其他好文 时间:
2016-06-01 16:52:37
阅读次数:
143
在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 一、支持的表单控件 Bootstrap 支持最常见的表单控件,主要是 input、textarea、checkbox、radio 和 select。 ( ...
分类:
其他好文 时间:
2016-05-29 21:16:35
阅读次数:
181