Category:HTML/CSS/XML/XSL’
css直接放在页面
- by Hector
1、减少http请求
2、避免裸页
3、关于修改
Css缩写小结
- by Hector
一:边框border缩写
二:背景background缩写
三:字体font缩写
png透明并解决链接失效
- by Hector
现在我只加上这一种方法(能有效解决问题就行了),其他的还没有遇到,自己没有试验就不放心,暂时不加上去了。这种情况是在Ie6下png图片当背景,然后让png透明,并且png上面的链接有效1、解决透明:使用滤镜和css 的hack (需要注意的是hack里面的图片地址是相对网页的,css是图片地址是相对css文件的).submenu h3{ background:url(mu_bg.png
css文件编码问题导致ie6显示不正常
- by Hector
这两天发现写的css在各大浏览器上都没有问题,可是在ie6上很不正常,这是因为我页面的编码是utf-8,但是css文件的编码是ANSI,这样的结果是css里面的中文(包括中文注释和中文字体)就会有问题,导致页面不正常。解决方法很简单:1、去掉css中的中文,或者用英文代替2、将css文件的格式改为utf-8
符合w3c的strict标准替换_blank打开新窗口
- by Hector
现在一般网站打开新窗口采用的是target="_blank",这在过渡型DOCTYPE(xh tml1-transitional. dtd)下是允许的,但也不符合W3C的strict(xhtml1-strict.dtd)标准。如果你去验证,会发现有下面的错误提示:"there is no attribute target for this element(in thi
css三栏布局自适应宽度
- by Hector
关于css三栏布局自适应宽度的代码网站有很多,基本是左右两列浮动,中间自适应但是经过我的测试,在兼容性方面不令人满意,现在将其bug的地方指出,并写出自己写的可以兼容各个浏览器版本的方法。1、左右浮动,中间用padding的bug,在ie7和低版本中出现文字离边框有padding的间距(因为middle默认的宽度是浏览器宽度减去两边宽度)。2、左右浮动,中间用margin的bug,在ie6或更低版
css定义绝对垂直居中三问三答
- by Hector
问1:什么情况下要用绝对垂直居中?答:一些提示页面、登陆页面等必须居中显示,或者其他情况的块元素要居中显示。问2:用绝对垂直居中有什么好处?答:各个浏览器兼容,而且随着浏览器窗口的放大缩小,它始终处在最中间,不会产生用margin和padding产生的窗口缩小跑到下面去的现象。问3:绝对垂直居中的代码是怎样的,怎么解释?答:如下position: absolute; //绝对定位wid
小谈float的技巧
- by Hector
今天在写一个网页的css的时候,发现一个图片连接在火狐下怎么点都没有反应,检查了好几遍,发现时float浮动没有闭合(即没有清除)。加上去之后就ok了,这引发了我探究一下float属性。现将我总结的一些经验列在下面(以后遇到将在里面不断添加):1、及时清除float这点是最重要的了,如果不清除可能导致不可预料的错误,比如上面我遇到的,所以大家最好用完float时立即清除。2、浮动元素设定宽度你应该