05 2017 档案

摘要:table border-collapse:collapse; 表示边框合并在一起。 border-collapse:separate; 表示边框之间的间距,间距的大小用border-spacing:px;定义大小。 CSS: * { margin:0; padding:0;}table { bor 阅读全文
posted @ 2017-05-31 14:25 ysx_小鱼 阅读(766) 评论(0) 推荐(0) 编辑
摘要:项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的display:table的DIV,然后在嵌套的表格DIV内部通过控 阅读全文
posted @ 2017-05-31 14:08 ysx_小鱼 阅读(319) 评论(0) 推荐(0) 编辑
摘要:CSS3里面加入了一个“-webkit-font-smoothing”属性。 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 加上之后就顿时感觉页面小清晰了。 淘宝也在用哦! 它有三个属性: none 对低像素的文本比较好 subpixel-antialiased 默认值 anti 阅读全文
posted @ 2017-05-27 15:58 ysx_小鱼 阅读(308) 评论(0) 推荐(0) 编辑
摘要:1.在函数内部使用return false是跳出function; 2.在each的回调函数中使用return false,是跳出each循环;return true 进入下一个循环; 3.break;直接退出for这个循环。这个循环将不再被执行!continue;直接跳出本次for循环。下次继续执 阅读全文
posted @ 2017-05-26 16:54 ysx_小鱼 阅读(4163) 评论(0) 推荐(0) 编辑
摘要:Less基础教程 less是较早出现的css预处理器。 LESS API 参考 安装和使用 安装比较简单,通过nmp或bower安装即可. 新版的chrome能直接解析less样式,不进行预编译的情况下,可以在页面引入 自己写的less文件 和 less.jsless会在页面创建<style>节点, 阅读全文
posted @ 2017-05-25 15:29 ysx_小鱼 阅读(410) 评论(0) 推荐(0) 编辑
摘要:height:auto !important是高度自适应,主要的是,!important只是对于ie6不认识而已,其他浏览器都是以这个为最高的优先级,执行这个,ie6会无视这个,不是只有火狐而已height:663px是高度就不用讲了,每个浏览器都支持,按照这个写法,ie6会执行height:663 阅读全文
posted @ 2017-05-24 12:02 ysx_小鱼 阅读(564) 评论(0) 推荐(0) 编辑
摘要:之前做项目的时候,也遇到过需要按照设计稿把<input type="checkbox">和<input type="radio">的默认样式进行修改,但发现,并没有可以重置效果的方法,之前用过-webkit-appearance的方法,但是这个只在webkit内核的浏览器里面生效,火狐不生效。 所以 阅读全文
posted @ 2017-05-19 12:28 ysx_小鱼 阅读(2747) 评论(0) 推荐(0) 编辑
摘要:css input checkbox和radio样式美化 2014年9月1日 132495次浏览 在之前的一篇文章中,我已经介绍了input file上传按钮的美化,地址:http://www.haorooms.com/post/css_input_uploadmh ,今天,我们来讲一下checkb 阅读全文
posted @ 2017-05-19 12:06 ysx_小鱼 阅读(1381) 评论(0) 推荐(0) 编辑
摘要:html-javascript前端页面刷新重载的方法汇总 2014年8月31日 12227次浏览 记得我在兴安得力实习要转正的时候,我领导象征性的给我出了一套测试题目,里面就有js闭包和页面刷新等题目。今天把很久之前的测试题目之一,js页面刷新的方法以及页面自动刷新跳转和返回上一页和下一页等方法总结 阅读全文
posted @ 2017-05-19 12:04 ysx_小鱼 阅读(447) 评论(0) 推荐(0) 编辑
摘要:问题没有实际价值,缺少关键内容,没有改进余地 问题没有实际价值,缺少关键内容,没有改进余地 Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeholder], [placeholder], *[placeholder] { c 阅读全文
posted @ 2017-05-19 10:30 ysx_小鱼 阅读(298) 评论(0) 推荐(0) 编辑
摘要:参加web前端校招的同学们经常会遇到这样的面试题:用HTML+CSS画出一个同心圆。 例如: 这道题主要考验的是基础盒模型布局能力和倒圆角属性的巧用。 1、html代码 [html] view plain copy <body> <div id="circle_bot"> </div> <div i 阅读全文
posted @ 2017-05-17 17:57 ysx_小鱼 阅读(3026) 评论(1) 推荐(0) 编辑
摘要:qrcodebox 面向移动设备的二维码弹出框 qrcodebox 简介 qrcode box,一个小小的二维码工具,通过调用它,可以在页面中间弹出一个二维码窗口,主要是面向移动设备的,对于PC端浏览器而言,百度分享和JiaThis已经做的很好了。它能够自动适应屏幕,并且不受移动设备横屏、竖屏切换的 阅读全文
posted @ 2017-05-17 14:19 ysx_小鱼 阅读(785) 评论(0) 推荐(0) 编辑
摘要:前言 前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果,脑海里第一反映就是微博那种效果,刚开始的理解有些偏差,以为下拉也是追加数据,上拉也是追加数据,后请教同事后发现其实下拉只是刷新最新数据而已,上拉是追加数据。 使用技巧 1、引用iScroll.js, 在初始化时添加两个事件监听:tou 阅读全文
posted @ 2017-05-10 19:12 ysx_小鱼 阅读(268) 评论(0) 推荐(0) 编辑
摘要:移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文
posted @ 2017-05-10 18:48 ysx_小鱼 阅读(143) 评论(0) 推荐(0) 编辑
摘要:下载iScroll4.2.5 iScroll的历史 之所以iscroll会诞生,主要是因为无论是在iphone、ipod、android 或是更早前的移动webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚动内容。 这个不幸的规则导致所有web-app要模拟成app的样子时,只能由一个 阅读全文
posted @ 2017-05-10 18:41 ysx_小鱼 阅读(430) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示