Category:HTML/CSS/XML/XSL’

css直接放在页面

 - by Hector
一般超大流量的网站都是将css直接放在页面里面的,这是应付超大流量的一种优化方案,比如网易首页,腾讯首页等。

1、减少http请求

链接到外部不免增加额外的http请求,这个是很耗时的。

2、避免裸页

假如存放css的服务器挂掉,整个首页就挂掉了。放在页面内,比较安全。用户访问页面时,不会因为CSS加载不上,而造成裸页面。

3、关于修改

你可能说这样不便于修改和管理。
实际上一般都是用程序动态加载进来的,然后用缓存静态化首页等。
知道的暂时就这么多了。

Css缩写小结

 - by Hector

一:边框border缩写

border:border-width|border-style|border-color  例如:border:1px solid #000;

二:背景background缩写

background:background-color|background-image|background-repeat|background-attachment|background-position
例如:background:#f00 url(background.gif) no-repeat fixed 0 0;

三:字体font缩写

font:font-style|font-variant|font-weight|font-size|line-height|font-family
例如:font:italic small-caps bold 12px/1.5 sans-serif;
注意,如果你缩写字体定义,至少要定义font-size和font-family两个值。

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、浮动元素设定宽度你应该