摘要: 一.允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scal... 阅读全文
posted @ 2015-11-17 12:00 AkiChan 阅读(331) 评论(0) 推荐(0) 编辑
摘要: IE6不支持PNG透明图片,一路上在写一些模板的时候并没有对其进行处理。不过,这里给大家分享一个能够使得PNG图片在IE6浏览器下也拥有透明效果的JS插件。 使用很简单,只要加载该JS文件,然后将需要处理的图片的类或者ID传给 DD_belatedPNG.fix() ,就行啦!当然也支持直接传进通配... 阅读全文
posted @ 2015-11-17 11:59 AkiChan 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器... 阅读全文
posted @ 2015-11-17 11:59 AkiChan 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 分享一个纯CSS写的下拉菜单代码,结构非常简单,代码十分清晰,HTML+CSS下拉菜单代码。HTML代码部分:在线预览>>HomeAbout UsThe TeamHistoryVisionProductsCozy CouchGreat TableSmall ChairShiny ShelfInvis... 阅读全文
posted @ 2015-11-17 11:58 AkiChan 阅读(1361) 评论(0) 推荐(0) 编辑
摘要: 很多时候我们打开一些网站的背景图片会发现是很多图标集合的一张完整的图片。这种网页使用的就是CSS Sprite,通过将多个图标整合在同一张图片,可以减少向服务器请求图片的次数,加快网页的加载速度。CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所... 阅读全文
posted @ 2015-11-17 11:57 AkiChan 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 一、下载您可以狠狠地点击这里:ie-css3.htc,这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件,.htc文件是个脚本文件,我个人以为与js文件属于同一货色,只是呢,貌似htc是Internet Explorer(IE)的私生子,只有IE才认它。ht... 阅读全文
posted @ 2015-11-17 11:56 AkiChan 阅读(172) 评论(0) 推荐(0) 编辑
摘要: PS:在其基础上完善了一些答案,增加一些问题 欢迎fork wj:)目录前言HTML 部分CSS 部分JavaScript 部分其他问题优质网站推荐前言本文总结了一些优质的前端面试题(多数源于网络),初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。万不可投机取巧,... 阅读全文
posted @ 2015-11-17 11:55 AkiChan 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进... 阅读全文
posted @ 2015-11-17 11:54 AkiChan 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 用css制作一个三角形箭头三角形我们经常用在列表、下拉提示、面包屑导航的位置,给用户以导向的引导作用,比如,在有下拉列表的地方,我们可以用向下的箭头,在列表的时候,我们能告诉用户每个列表项和下一个列表项的关系,当在面包屑导航中,能让用户了解他现在所处的栏目或者频道。我们有哪些方法来实现它呢,下面我根... 阅读全文
posted @ 2015-11-17 11:53 AkiChan 阅读(1450) 评论(0) 推荐(1) 编辑
摘要: 透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}上面的几个属性分别是:opa... 阅读全文
posted @ 2015-11-17 11:53 AkiChan 阅读(3127) 评论(0) 推荐(0) 编辑