zxleezx的专栏

内嵌式css:.navMenu{....background-image: url(file:///C|/Users/zxlee/Desktop/pr/vril/images/hdMenuBg.jpg);.......}转换成相对路径background-image: url(./images/hdMenuBg.jpg);只有一个点，好像昨天写了一段代码，不过是导入

在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时，1em则=16px

css没有闭合括号，就会出现页面无故错位

想让每个盒子间有10px空隙中的mT10为什么每次都不起作用，除非改为divmT10代表margin-top:10px;是准备代码复用。。。。。。。。原来：  margin只能应用block元素..  但是margin左右元素应该可以用

Web前端开发规范文档热度 136已有 5964 次阅读2011-10-18 21:03|个人分类:前端技术|前端开发规范规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.

基本功不扎实………………做图片边框时，img:hover定义了图片鼠标上移时的样式，没有记得在此之前定义img的边框样式，，，，，，，最后无论怎么修改相关的padding也好，margin也好，鼠标上移时图片总会错位。。。。。。。我勒个去。。。。。。。。。受不了自己犯这种低能错误，，，望自己谨记

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。    在学习浏览器兼容性之前，我想把前端开发人员划分为两类：    第一类是精确按照设计图开发的前

结构标记不能嵌套在内容标记？

xHTML究竟有多少个标签？xHTML究竟有多少个标签？绝大部分人都不能得出一个正确的答案，现在就有个机会，自己数数。答案：91个，哈哈,被你找到了~a, abbr, b, base, body, br, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, head, hr, html, i, img, li, li

IE下判断IE版本的语句:[if lte IE 7]...[endif]今天刚好看到有朋友问及此语法，所以特地找来相关资料与大家分享，希望能有所帮助：……Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于CSShack，针对IE的JS等。在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。

今天无聊，以前只是知道高宽对行内元素无效，想验证margin和padding对它有木有效……结果是肯定的。可能不管是行内还是块级元素都离不开盒子模型把（个人才疏学浅，表述和理解难免有错误，但是姑且先记下来吧，便于日后总结）然后看到又这样一句话：作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应。。。。说实话我布局练习做的

CSS中关于clearfix对float的使用使用float时出现的问题一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。这是一个浮动在红框的层中的一个层style="border:1px solid green;float:left;color:green;"这是红框的层中的内容解决的方法

解决IE兼容问题是比较头疼的问题，无论你是新入门的菜鸟还是久经考验的职业行家，兼容问题，特别是IE，IE6会让你非常头疼。很多时候，div CSS在IE下的解析十分奇怪，一个比较经典的bug就是设置border的时候，有时候border会断开，刷新页面或者滚动滚动条的时候，断掉的部分又会连接起来。这些问题的根源很多时候来源于IE的一个特有属性：hasLayout。hasLayout是一个非常有意思

前几天看了一篇文章，说的是关于使用通用选择器*｛margin:0; padding:0;｝的弊端：会初始化所有的标签，这样就会占据很多资源。。当然解决的办法就是用像这样body,div,ul,li,a,{padding:0; margin:0;} 。。仅仅初始化需要用到的标签。今天使用了这一招，结果因为习惯行的遗忘，导致很多地方出现莫名其妙的空白边。。。百思不得其解。。。最后用firebu

众所周知的一个垂直居中实现方式(其他的暂不讨论)..高度给定的元素, 其内部单行文本垂直居中的一种实现方式为: 给当前定高元素, 设置line-height属性, 其属性值等于当前元素的height值.今天了解到了一条相关知识, 明白这个方法的实现原理.我们常说的单倍行距, 双倍行距等等, 主观上认为是line-height设置的值, 如果量一下实际的效果, 会发现, 两行

不懂=====================所以先mark了===========接触html和css也有些时日了，但是很多简单的东西就是想不明白，在制作导航的练习中，我们经常这样写：#nav ul{width:960px;height:35px;list-style:none;/*清楚列表前面的大黑圆点*/}#nav ul li{float:le

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。                                                2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义

.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:value;}.IE 6{_property:value;}.not IE{proper