随笔分类 -  html / html5

html / html5
摘要:1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480 阅读全文
posted @ 2016-09-01 14:38 § 薄樱 § 阅读(4006) 评论(0) 推荐(0)
摘要:其实我就是想说px和em的区别,网上资料其实一堆堆,但是还不如自己试验总结的清楚。前端高手可能觉得这玩意简单,但是作为小猫,还是好好学一下。 阅读全文
posted @ 2011-09-29 14:00 § 薄樱 § 阅读(8345) 评论(14) 推荐(3)
摘要:我在以前的公司,并不怎么用position这个属性,只是在写一些特殊效果的时候才用绝对定位。这就导致我对这个属性很不理解。今天有空,百度学习了一下。留下下面的文字。position的四个属性值: relative ,absolute ,fixed,static (画外音:inherit其实也是,不过今天不怎么说他~) 阅读全文
posted @ 2011-08-19 10:28 § 薄樱 § 阅读(4393) 评论(22) 推荐(6)
摘要:默认的html滚动条很难看,一些漂亮的网站,滚动条都是针对网站整体样式配套设计的。在网上搜索到两种改造方式。一种是给默认滚动条设置样式,另一种是使用设计好的图片+css+js。都挺好用的。第一种(纯css):完成后.div{ scrollbar-face-color: #ebebeb;scrollbar-shadow-color: #ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color: #d8d8d8; scrollbar-darkshadow-color: #d8d8d8; scrollbar-track-co 阅读全文
posted @ 2011-07-26 16:48 § 薄樱 § 阅读(20462) 评论(10) 推荐(2)
摘要:很短很短。。但是很重要很重要。浏览器优先级别: FF < IE7 < IE6 ,CSS hack书写顺序一般为FF IE7 IE6 以: " #demo" 的样式为例; #demo {width:100px; height:100px;border:1px blue solid \0}/*被FIREFOX,IE6,IE7执行.*/* html #demo {width:100px; height:150px;border:3px green dotted }/*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */ *+ht 阅读全文
posted @ 2011-07-08 16:36 § 薄樱 § 阅读(329) 评论(0) 推荐(1)
摘要:30个你不可不知的CSS选择器,按需使用~ 阅读全文
posted @ 2011-06-22 11:25 § 薄樱 § 阅读(8181) 评论(7) 推荐(2)
摘要:在火狐4、谷歌12浏览器中,使用jquery.tools.min 1.2.5版的Jquery Validator,不出现验证提示框。在ie7、8、9下就好用。解决方法。在form中添加 novalidate 属性就可以解决这个问题,并且不影响在ie下的效果例如:<form method="post" action="rival_show.jsp" id="form1" name="form1" novalidate></form>详细解说见:http://www.w3.org/TR/html 阅读全文
posted @ 2011-06-20 11:22 § 薄樱 § 阅读(527) 评论(0) 推荐(1)
摘要:Html5和css3已经走入视线。html5新增了很多东西,比如表单元素的类型,验证等等,但是现在诸多浏览器还不兼容html5的新特性,故此,使用jquery加以验证。等大部分浏览器支持html5,页面不用修改,直接删除jquery插件就可以继续使用。 本例使用的jquery插件是jquery.tools.min.js,最好使用包含jquery基础包的完整版本。 阅读全文
posted @ 2011-06-09 16:58 § 薄樱 § 阅读(12032) 评论(7) 推荐(2)
摘要:自定义的鼠标跟随漂浮框 阅读全文
posted @ 2011-05-31 11:56 § 薄樱 § 阅读(1942) 评论(1) 推荐(2)