文章分类 -  htmlcss

摘要: 阅读全文
posted @ 2015-07-13 11:28 szchenrong 阅读(157) 评论(0) 推荐(0)
摘要:转:http://www.zishu.cn/09/859.html 阅读全文
posted @ 2015-07-10 14:55 szchenrong 阅读(103) 评论(0) 推荐(0)
摘要:坑爹啊,一开始以为是微信浏览器不支持动画,可是后来测试看了,是支持的,我就奇怪了,再后来把div标签内容删掉,用微信浏览器打开,内容竟然还在,我就奇怪了再后来查了一下要给样式或脚本添加一个时间戳最简单的方法,也是最有效的方法,在网站后面加个时间戳。如www.baidu.com/?t=13324232... 阅读全文
posted @ 2015-07-09 15:58 szchenrong 阅读(840) 评论(0) 推荐(0)
摘要:今天帮别人调代码时,看到一个样式:background-position: 50% 0;background-size: 100% auto;对background-size:100% auto,意思是背景图片宽度为元素宽度*100%,高度等比缩放。详情可见css3 background。对back... 阅读全文
posted @ 2015-07-07 22:05 szchenrong 阅读(353) 评论(0) 推荐(0)
摘要:css浮动一、浮动介绍历史:浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片在网页实现类似word中“图文混排”。定位方式:浮动让元素脱离正常流,向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。Note:1、... 阅读全文
posted @ 2015-07-07 21:57 szchenrong 阅读(165) 评论(0) 推荐(0)
摘要:toscho:有三种实现方式:伪元素(pseudo-elements)、伪类( pseudo-classes)和Notihing。WebKit和Blink(Safari,Google Chrome, Opera15+)使用伪元素::-webkit-input-placeholderMozilla F... 阅读全文
posted @ 2015-07-07 16:02 szchenrong 阅读(139) 评论(0) 推荐(0)
摘要:Css3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML 、GladeXML。使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使... 阅读全文
posted @ 2015-06-23 22:20 szchenrong 阅读(175) 评论(0) 推荐(0)
摘要:一、大众机型常用meta标签name的设置1、name之viewport说明:屏幕的缩放content的几个属性: width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持,但是ios支持; ... 阅读全文
posted @ 2015-06-22 12:06 szchenrong 阅读(305) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/asqq/archive/2012/04/23/2466132.html 活动1 活动2 活动3 活动4 活动5 .content13-info{width: 100%;... 阅读全文
posted @ 2015-06-11 16:49 szchenrong 阅读(162) 评论(0) 推荐(0)
摘要:iOS7已经发布有一段时间,扁平化设计风格有很多值得称赞的地方,其中有很多设计细节都是值得研究的。首先,来看下面iOS设置的截图中的border:从上面的截图可以看到iOS7的设计是非常精细的,border是一根非常细的线。这篇文章将说明如何使用border-image实现iOS7的border效果... 阅读全文
posted @ 2015-06-10 17:30 szchenrong 阅读(385) 评论(0) 推荐(0)
摘要:移动端尺寸繁多,包括IOS和安卓,尺寸多达十余种,所以移动页面尺寸的适配一直是前端和设计的头疼。今天来总结一下当前市场上的一些移动端尺寸,方便设计师和前端去考虑适配。但是最好还是针对自己的产品做调查,根据数据去做主流适配。Iphone&Ipad&Android&WEB全部规范全在这儿了!!①iPho... 阅读全文
posted @ 2015-06-03 10:08 szchenrong 阅读(394) 评论(0) 推荐(0)
摘要:无标题文档某日,教授带着一班学生到实验室,指着一个装满尿的烧杯说:“要想做一个好的生物学家,既要有勇敢的精神,又要有敏锐的观察力。你们像我一样试一试。”说着,教授把手指伸进尿液,然后放到口中尝一尝。同学们见到教授带了头,便硬着头皮尝试着。结果是丑态百出。这时,教授笑道:“你们真是勇敢有余,观察不足。你们没注意,我伸进烧杯的是食指,放入口中的是中指吧!”原理就是用线,设置其高度和宽度 阅读全文
posted @ 2013-12-25 22:24 szchenrong 阅读(507) 评论(0) 推荐(0)