
Web前端
cmalaya
询问自己的心灵,面对无言的自然...
展开
-
CSS设计导航栏
ul{ display:block; margin:0px; padding:0px; list-style:none; background:url(/images/skin/nav_bg_out1.gif) repeat-x left top;}ul li{ display:block; float:left; margin:0px; padding-top:4p原创 2008-07-29 17:39:00 · 590 阅读 · 0 评论 -
CSS万能闭合标签(常用)
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}/* Hide from IE Mac */.clearfix{display:block;}转载 2012-06-20 19:37:44 · 755 阅读 · 0 评论 -
右对齐
margin-right:0; margin-left:auto;原创 2012-04-05 19:01:03 · 737 阅读 · 0 评论 -
腾讯面试题
在一网友空间里看到的,贴上来大家有兴趣的可以试一下,虽然DIV+CSS做了接近三年,但有些基础的东西却发现还是没有使用过一、 耐心填一填!(每空4分,共24分)1. 为div设置类a与b,应编写HTML代码___________。2.设置CSS属性cl转载 2011-10-12 13:18:28 · 853 阅读 · 0 评论 -
精选最新优秀源码下载网站排行
精选最新优秀源码下载网站排行:1.站长下载:http://down.chinaz.com/2.优快云下载:http://download.youkuaiyun.com3.站长源码:http://down.cnzz.cn/4.51源码:http://www.51aspx.com/ 5.源码之家:http://www.mycodes.com/ 6.源码网:http://www.codepub.com/ 7.多多转载 2010-03-23 09:50:00 · 935 阅读 · 0 评论 -
网页加速的14条优化法则
最近,YouMonitor.Us在做Web应用性能优化,在网上发现了文章High Performance Web Sites: The Importance of Front-End Performance,感觉其14条优化法则很实用,操作性很强。因此翻译出来,供大家参考。 Web应用性能优化黄金法则:先优化前端程序(front-end)的性能,因为这是80%或以上的最终用户响应时间转载 2009-03-10 22:24:00 · 455 阅读 · 0 评论 -
页面居中不要使用 text-align:center
页面居中时,使用text-align:center很不方便,虽然页面居中了,但页面里的所有文字也居中了.应该使用 margin:0 auto; 来居中页面。原创 2009-02-17 10:04:00 · 1336 阅读 · 0 评论 -
删除线的两个简单标签
和 标签用来表示删除线,非常简单。原创 2009-02-09 23:06:00 · 1291 阅读 · 0 评论 -
强制IE8以IE7的模式浏览网页
最简单的办法,就是让IE8浏览器使用IE7的模式来浏览HTML。在head部分,加入: X-UA-Compatible" content="IE=7" />转载 2008-10-27 11:58:00 · 550 阅读 · 0 评论 -
在开发过程中总结了一些IE和Firefox的兼容问题。
1、Event的问题 在ie中我们可以直接使用event变量,但是在firefox下由于event是局部变量,firefox下我们可以事件绑定到元素上 例如 为了同时兼容ie和firefox 通常在函数种通过以下代码获得事件。 var theEvent = window.event||e; var srcElement = theEvent.srcElement; if (!srcEl转载 2008-10-18 13:58:00 · 755 阅读 · 0 评论 -
CSS背景图片精确定位
大部分人应该习惯于使用描述性词语(left、top、center…)或者数值(20px、1em…)对背景图片定位,百分比可能比较少用,常见的有50%、100%等数值。例如希望背景图片水平居中,距离容器顶部20px,可以使用background-position: 50% 20px;之所以不使用background-position: center 20px;是因为类似这种转载 2008-09-17 15:14:00 · 1496 阅读 · 0 评论 -
CSS背景透明-跨浏览器
#snake{ backgournd: #666; filter:alpha(opacity=50); /*IE*/ -moz-opacity:0.5; /*MOZ , FF*/ opacity:0.5; /*CSS3, FF1.5*/}原创 2008-09-17 15:13:00 · 570 阅读 · 0 评论 -
关于IE6、IE7和FF最简单的CSS hack技巧
关于CSS HACK的文章在52CSS.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height转载 2008-09-17 15:24:00 · 608 阅读 · 0 评论 -
关于Div+CSS布局
对于固定宽度的网页,应该使用flot的方式精确布局。 对于自由伸缩的网页,应该使用pisition来布局。Float布局的方法很简单,宽高都是算好的,定死的。下面例子主要说明一下如何用Position的方法来布局。<div style="position:relative;"> <div style="position:absolute; top:0; left:0; widt原创 2008-09-12 11:49:00 · 680 阅读 · 0 评论 -
在网页中使用嵌入字体
出处: http://dknt.blueidea.com/archives/2006/2833.shtml 网页的呈现根据个体计算机的不同而不同,最显著的一点就在于对字体表达上面。不同的计算机采用不同的操作系统,浏览器,并且安装了不同的字体。网页设计者无法预知浏览者的计算体安装了什么字体,也就是说不可能了解设计中需要字体在浏览者的计算机中是否存在。若不存在,则该字体涉及的内容不能在浏转载 2008-09-12 11:21:00 · 3764 阅读 · 0 评论