文章分类 - Div+Css
Css 兼容
摘要:对于IE浏览器的兼容性测试可能大家都有不同的方法。今天我来总结一下。在之前的公司,测试IE浏览器兼容性都是通过 IEtester 来完成的。个人觉得缺点就是查看页面结构不是很方便,而且经常奔溃,而且兼容性不好(比如在IE7下就要先进目录再进文件)当然有点就是省事,方便,安装一下就好了。到新公司,老大...
阅读全文
摘要:地址:http://www.browserstack.com从操作上看,此网站为我们打开一个类似虚拟机的窗口。窗口内是模拟指定操作系统的指定浏览器。用来代替我们自己装虚拟机测试浏览器兼容性。运行效果如下:支持虚拟的操作系统及浏览器如图:转自:http://blog.csdn.net/sl543001...
阅读全文
摘要:如果你从事网页前端工作,肯定会发现不同浏览器的默认样式有细微的差异,这个让你在使用 CSS 进行布局工作的时候相当烦人,况且有些差异还不是那么细微,比如不同浏览器之间的默认表单样式差异以及 和 元素的margin 和 padding 的差异等。Normalize.css 介绍一般前端工程师都会使...
阅读全文
摘要:根据网上资料总结: 手机网页兼容调试方法,第3方调试软件,例如:chrome 41版本。还有电脑端安装安卓模拟器,ios模拟器。最后就是用真机调试。 电脑端:现在的浏览器很多,但是可以独立安装不互相影响,免去了安装虚拟机的麻烦。如果是IE的话,安装虚拟机,再安装多个版本的浏览器。我看过一篇文章是一个
阅读全文
摘要:CSS HACK选择符级hack略属性级hack简写:详细:了解即可 _: 选择IE6及以下。 *: 选择IE7及以下。诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高 \9: 选择IE6+ \0: 选择IE8+和Opera [;property:value;];:选择webkit核...
阅读全文
摘要:前端开发在做浏览器兼容性测试的时候有什么好用的工具?总不能是把要测的浏览器都装个遍吧?除了工具外,一般会将各浏览器如何分级?全文:http://segmentfault.com/q/1010000000365616
阅读全文
摘要:BrowserStack是一个提供网站浏览器兼容性测试的在线云端应用,支持9大操作系统上的100多款浏览器。支持本地测试,预装有完备的开发者工具。网站体验流畅,无需安装~ 即时连接所有桌面或移动浏览器,对虚拟机说再见吧!全文:http://c7sky.com/browserstack.html
阅读全文
摘要:Browsershots还是一个在线测试工具,支持很多浏览器。全文:http://www.cnblogs.com/gaoweipeng/archive/2010/04/10/1708873.html百度搜索 “浏览器兼容性测试工具” 可以找到更多。
阅读全文
摘要:CSS重置有助于根据所有设置的样式建立一个基准样式。样式重置有效重写了浏览器某些元素(在浏览器里有很大的不同)默认的样式。尽管CSS resets在过去的几年里很受欢迎,但是,很多网站至今也没有使用,这些网站CSS的可扩展性因css resets会有很大的困难。大多数人推荐使用normalize.c...
阅读全文
摘要:详细说明如下:如果只提供一个,将用于全部的四条边;如果提供两个,第一个用于上-下,第二个用于左-右;如果提供三个,第一个用于上,第二个用于左-右,第三个用于下;如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。全文:http://www.cnblogs.com/linjiqin/p/355...
阅读全文
摘要:也许很多HTMl5前端大牛已经知道了这个在线预览手机网站的神器。当然也有其他一些比较好的移动设备模拟器。比如:免费Web版iPad模拟器iPad Simulator、 iPhone 模拟器 TestiPhone和Screenfly。有兴趣的小伙伴们可以百度下,详细了解他们。其实Screenfly的功...
阅读全文
摘要:大多朋友现在都是用智能手机,随时随地都可以浏览网页,从我的网站统计里面也看到很多来路是手机等手持设备访问的,由于手持设备的屏幕比电脑小很多,所以就无法正常访问网站,所以就有必要再做个适合给手机等手持设备访问的网站,然后通过js判断是手机还是电脑访问网站再跳转到相应网站,这样也有助于用户体验。现在贴出...
阅读全文
摘要:有很多章节,很详细:http://www.hahoo.cn/html-css/xhtml-mp-anchor-links/
阅读全文
摘要:XHTML MP(XHTML Mobile Profile),它是定义在WAP 2.0上面的标记语言(markup language)。XHTML MP是XHTML的子集,在XHTML MP出现之前,WAP网站的开发者们只能用WML和WML script来创建WAP的网站。而与此同时,web的开发者...
阅读全文
摘要:现在的互联网,可以说是名副其实的移动互联网。大家不仅可以利用无线网卡随处随地上网,还可以直接利用手机浏览网页、下载文件,而且现在的无线运营商也正在大力发展无线网络、扩展手机上网带宽。 手机网页 来源:黄超[点击放大]于是,手机网页的制作需求也变多了。这篇文章就简单的介绍一下制作手机网页的基础知识。 ...
阅读全文
摘要:如果你从事网页前端工作,肯定会发现不同浏览器的默认样式有细微的差异,这个让你在使用 CSS 进行布局工作的时候相当烦人,况且有些差异还不是那么细微,比如不同浏览器之间的默认表单样式差异以及 和 元素的margin 和 padding 的差异等。Normalize.css 介绍一般前端工程师都会使...
阅读全文
摘要:DIVCSS5为大家实例讲解绝对定位布局。绝对定位我们要用到样式position:absolute和position:relative,同时需要top、bottom、left、right配合布局实现DIV绝对定位。通过真实案例演示与介绍绝对定位布局方法技术。全文:http://www.divcss5...
阅读全文
摘要:大家都知道,当自己的网站获得一个真实用户的访问是来之不易的。所以,当获得了用户的初步访问,你必须要做好充实的准备。否则该用户必然会离你远去,而不再访问。那么我们该做好哪些充实的准备呢?首先、了解大众用户是如何浏览一个网站且利于提升用户体验的设计 1)、网站左上角区域是最吸引用户眼球大家都知道,现在...
阅读全文
摘要:text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。...
阅读全文
摘要:div与span大家在初学div+css布局时,有很多困惑,在div与span的使用过程没觉得有一定的”章法”,觉得两个区别不大,在w3c的关于div和span的定义:div作为分割文档结构自然使它最官方的语义,但是这样的官方语义太让人迷惑,大的结构还好,但是小的地方到底是用div还是用span仍然...
阅读全文