2016年1月9日
文本溢出
摘要： 1.介绍说明移动端由于屏幕较小,能容纳的内容有限,所以对于文字可能常常需要用到文本省略,在具体介绍实现方法前,先了解一下相关属性：word-break:break-all;//只对英文起作用，以字母作为换行依据word-wrap:break-word;//只对英文起作用，以单词作为换行依据white... 阅读全文
posted @ 2016-01-09 21:03 web-bk 阅读(187) 评论(0) 推荐(0) 编辑
移动web相册——css3进度条
摘要： 1.介绍因项目中上传作品和web相册都需要上传,都需要用到进度条,进度条的实现可以用Falsh，图片，javascript，但这里我是在移动端使用,所以重点介绍css3的实现方法。2.代码展示/*外层box*/ .progress_box{ height: 10px;... 阅读全文
posted @ 2016-01-09 21:03 web-bk 阅读(555) 评论(0) 推荐(0) 编辑
移动web相册
摘要： 1.介绍前面项目中做了一个web相册的功能,最近想把其中的用到的知识都抽出来分别做一个demo,线上的展示效果如下：主要的功能如下:1.上传作品(进度条)2.分页加载3.大图预览(点击缩略图,查看大图并且大图可以切换。这里实践图片优化这一章)4.删除作品大图预览已单独写了demo:在GitHub上地... 阅读全文
posted @ 2016-01-09 21:03 web-bk 阅读(124) 评论(0) 推荐(0) 编辑
移动端web笔记整理
摘要： 目录·meta基础知识 > H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 > 禁止将页面中的数字识别为电话号码 > 禁止Android平台中对邮箱地址的识别 > 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 >viewport模板 ·问题总结 > 移动端字... 阅读全文
posted @ 2016-01-09 21:03 web-bk 阅读(216) 评论(0) 推荐(0) 编辑
2015年12月27日
css基础篇（六）——选择器优先级计算
摘要： 1.css选择器计算方法场景描述：如下代码,你认为文字会显示什么颜色,原因是什么？1.其实我是一个演员2.其实我是一个演员解决上面的问题，先说说怎么计算优先级：(1)定义几个值：(默认为0)ICE:表示计算结果;I:表示ID选择器;C:表示Class选择器;E:表示Element(元素)选择器;(2... 阅读全文
posted @ 2015-12-27 19:31 web-bk 阅读(268) 评论(0) 推荐(0) 编辑
css基础篇（五）——display
摘要： 1.介绍先看看display的取值：是不是发现原来display有这么多的取值:我这里将display所有的取值分为3类：常用系,table系,伸缩系(css3新加)2.常用系2.1 display:none;和visibility:hidden的区别display:none;隐藏对象,不为隐藏的对... 阅读全文
posted @ 2015-12-27 19:30 web-bk 阅读(300) 评论(0) 推荐(0) 编辑
css基础篇（四）——BFC
摘要： 1.BFC(Block Formatting Context)是什么Formatting context是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。一个环境中的元素不会影响到其它环境中的布局.比如浮... 阅读全文
posted @ 2015-12-27 19:28 web-bk 阅读(164) 评论(0) 推荐(0) 编辑
2015年12月13日
css基础篇（三）——布局（下）
摘要： 之所以将浮动，定位归为布局来讲，就是因为css布局技术都依赖于三个基本概念：定位，浮动和空白边的操纵;1.固定宽度布局1.1 居中布局如上图：是pc端比较时髦的居中设计,而实现居中设计的方案有：1.自动空白实现(如上图).main{ width:1000px; marign:0 auto;}2.定位... 阅读全文
posted @ 2015-12-13 11:51 web-bk 阅读(174) 评论(0) 推荐(0) 编辑
2015年12月10日
css基础篇（三）——布局（上）float和position
摘要： 1.定位(position)position的值有：relative/absolute/fixed/static/inherit;static:为position属性的默认值，static元素会遵循正常的文档流，且会忽略top,bottom,left,right等属性;inherit:如同其他css... 阅读全文
posted @ 2015-12-10 22:08 web-bk 阅读(209) 评论(0) 推荐(0) 编辑
2015年12月6日
css基础篇（二）——盒子模型
摘要： 1.inline,inline-block,block说盒子模型前先说说块元素，行内元素，行内块元素的区别块元素(block): 块元素排斥其他元素与其位于同一行，可设定元素的宽和高（如：div,p,h1~h6）；行内元素(inline): 不可设置宽高，可以和其他行内元素位于同一行（如：a,spa... 阅读全文
posted @ 2015-12-06 19:40 web-bk 阅读(212) 评论(0) 推荐(0) 编辑