hasLayout与Block formatting contexts的学习(上)

发表于2015-08-04 15:53:21|--次阅读

hasLayout与Block formatting contexts

关于最近写淘宝手机业务对于框架的感想

发表于2015-08-04 15:53:10|--次阅读

最近在接触淘宝千牛手机端的开发工作,SUI Mobile 是一套基于 FrameWork开发的UI库。但是个人觉得整个框架整理的还是有很多不合理的,在开发之余还是抽空把整合的东西整理出来(顺便结合别人的知识做出修改)。在兼容处理上,对苹果6以下的兼容有的地方处理的不是很好。需要单独写一些css来调整...

总结CSS3新特性(Animation篇)

发表于2015-08-04 15:52:59|--次阅读

动画(Animation),是CSS3的亮点.//之一通过animation属性指定@keyframe来完成关键帧动画;@keyframe用法: @keyframes name { 0% { top: 0; }/*0%可用from关键字替代*/ 50% { top: 10px; } 100%...

CSS精粹之布局技巧

发表于2015-08-04 15:52:49|--次阅读

1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见http://validator.w3.org请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数....

HTML 标签的状态和 target 属性

发表于2015-08-04 15:52:41|--次阅读

的四种状态A:link 连接平常状态A:hover 鼠标放上去的时候A:active 鼠标按下的时候A:visited 连接被访问过后的状态target属性_blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并....

网页在收藏夹中图标显示效果

发表于2015-08-04 15:52:33|--次阅读

css3中变形与动画(三)

发表于2015-08-04 15:52:22|--次阅读

transform可以实现矩阵变换,transition实现属性的平滑过渡,animation意思是动画,动漫,这个属性才和真正意义的一帧一帧的动画相关。本文就介绍animation属性。animation属性通过一些关键帧中元素属性的改变来实现动画效果。当然也可以控制动画持续时间,动画迭代次数等。...

WEB前端优化一些经验技巧

发表于2015-08-04 15:52:01|--次阅读

引言:1. 慢的页面可能会网站失去更多的用户.2. 慢500ms意味着20%的用户将放弃访问(google)3. 慢100ms意味着1%的用户将放弃交易(amazon)前段时间偶然看到网上的两篇关于前端优化的文章,其中大部分技巧都来自Yahoo的优化原则,这里是对两篇文章的摘抄和总结。减少Http请...

关于HTML Input

发表于2015-08-04 15:51:51|--次阅读

定义: 标签用于搜集用户信息。Input表示Form表单中的一种输入对象。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框(单/复选框)、掩码后的文本控件、单选按钮、(提交/重置)按钮等等。实例: First name: Last name: 语法:;属...

Margin的垂直外边距问题

发表于2015-08-04 15:51:06|--次阅读

做练习的时候遇到一个margin的问题,代码结构如下,给父元素body中的子元素div设置了margin:50px auto;本来我是想让子元素div距离父元素上边拉开50个像素,结果却是子元素div和父元素body一样高,并且距离上边距50px,如下图(a): div内容 ...

Bootstrap--组件之Glyphicons字体图标

发表于2015-08-04 15:50:47|--次阅读

Glyphicons 字体图标所有可用的图标包括250多个来自 Glyphicon Halflings 的字体图标。Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bootstrap 免费使用下面来看看部分图标使用的方法也很简单出于性能的考虑,所有图标都需要一个基类和对应...

Bootstrap--全局css样式之图片

发表于2015-08-04 15:49:49|--次阅读

好久没有更新博客了,在这里跟大家分享一下生活的小乐趣,作为程序员,整天对着电脑是很不爽的,加班也是常有的,所以连续工作对身体是很不爽的,而且随着年龄的增加,程序员身体状况会越来越差,还是建议大家要常去锻炼下身体,拉伸下颈椎和肩部,等你去了,你会发现很爽的(1)图片在 Bootstrap 版本 3 中...

HTML5头部标签备忘

发表于2015-08-04 15:49:37|--次阅读

DOCTYPEDOCTYPE(Document Type),该声明位于文档中最前面的位置,处于html 标签之前,此标签告知浏览器文档使用哪种HTML 或者XHTML 规范。推荐使用HTML5 推出的更加简洁的书写方式,它向前向后兼容。html简体中文metachartset声明文档使用的字符编码。...

对css float 浮动的学习心得

发表于2015-08-01 14:32:22|--次阅读

css浮动详解 清除浮动的方法及优缺点 清除浮动原理

web前端第一次项目总结

发表于2015-08-01 14:32:06|--次阅读

之前实习都是小打小闹,感觉没干过正事,这次刚毕业就摊上大活了,主要参与产品PC端的开发,这次经历让我更加清楚了前端这个职位的职责,前端工程师切图是基本的,js是必须的,工程师三个字才是最为重要的。合格的前端应该是只要给我个后台接口剩下的我全部搞定,装逼的说:要有一夫当关万夫莫开之势。当然期间和后.....

解决phpcms图片太大撑破表格图片自适应图片按比例缩小

发表于2015-08-01 14:31:31|--次阅读

css代码:img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width590?590px:this.width); max-height:590px; height:expression...

百度地图简单使用——添加折线,圆形等(html,js)

发表于2015-08-01 14:31:22|--次阅读

地图覆盖物概述 所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。如标注、矢量图形元素(包括:折线和多边形和圆)、信息窗口等。覆盖物拥有自己的地理坐标,当您拖动或缩放地图时,它们会相应的移动。地图API提供了如下几种覆盖物:Overlay:覆盖物的抽象基类,所有的覆盖物均继承此类的方法。 Mark....

css的outline详解

发表于2015-07-31 15:37:39|--次阅读

outline这个属性平时用的不太多,最近被问及专门研究一下这个属性的作用。CSS2加进来的outline属性,中文翻译过来是外轮廓。神马是轮廓?轮廓,指边缘;物体的外周或图形的外框。那这样的话外轮廓就是在外部的边框咯。看一下正式的定义:outline (轮廓)是绘制于元素周围的一条线,位于边框边缘...

html--DOCTYPE模式(Markdown)

发表于2015-07-31 15:36:47|--次阅读

DOCTYPE模式,浏览器的两种文档模式,quirks mode,box-sizing,css3,html5

HTML5实现手势屏幕解锁

发表于2015-07-31 15:36:15|--次阅读

实现原理   利用HTML5的canvas,将解锁的圈圈划出,利用touch事件解锁这些圈圈,直接看代码

猜你喜欢

友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1