2008年3月9日 星期日
作者 阿里满满 Alimanman
我们经常在css论坛上看到高手间在CSS讨论时都会用到块级元素和内联级元素这2个专业词汇。这到底是什么？或许你还在迷惑中寻找答案。看了下面这篇文章，也许你就会豁然开朗！
Block element 块级元素
顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的<div>、<p>、<ul>默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的，float也具有此功能。
阅读全文 »
2008年2月29日 星期五
作者 阿里满满 Alimanman
CSS中position属性的absolute（绝对定位）和relative（相对定位）。可能是自己脑子本来就不太好，在加上这两个属性都不太怎么用，所以一到用的时候就老是会忘记怎么其变现属性。古话也说“好记性不如烂笔头”，今天我就把“她们”都给记下来。这里主要是给自己备忘用的，翻书有时候觉得太麻烦。当然初学者可以再过来温习下，至于高手们路过就可以了，呵呵。
阅读全文 »
2008年2月13日 星期三
作者 阿里满满 Alimanman
随着微软对IE7强制更新的开始，IE6离退出舞台的日子也不远了。今天来和复习一下CSS的属性选择符，当初IE6的不支持使其无法得到普遍的运用，其实小伙子还是很强大的，比方说判断外部链接、文件格式的判断。大家最常见的用法可能就是[attr]了，其实还有[attr=val]、[attr~=val]、[attr|=val]、[attr^=val]、[attr*=val]、[attr$=val]。CSS属性选择符的运用不仅使CSS更为高效，用户体验方面也是效果显著。
E[attr]{}
选择具有attr属性的E，只要存在这样的属性，则应用该css定义。例如：设置[title]后可以实现对<span title=”test”>test</span>的css定义。
阅读全文 »
2008年2月2日 星期六
作者 阿里满满 Alimanman
1. Make fewer HTTP requests 尽可能减少对http的请求
这其中影响评分标准的是JavaScript外部文件请求，CSS外部文件请求和CSS中定义背景图片（background-images）3种类型文件的请求。前两者可以通过相对应的方法进行合并，这里我就不细说了。而CSS中定义背景图片可以将需要的背景内容都合在1到2张图片中。
2. Use a CDN 使用CDN
CDN全称为Content Delivery Network，即内容分发网络。卖空间卖服务器的网站也有卖CDN服务。其作用是通过现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络”边缘”，使用户可以就近取得所需的内容，解决Internet网络拥挤的状况，提高用户访问网站的响应速度。
3. Add an Expires header 给文件加上关于过期时间的header报文
有些文件其实在很长一段时间内我们都不会对其进行修改和调整，这类文件就可以设置较长的缓存时间。这样浏览器以后就不需要再从服务器下载这些文件而直接从缓存中读取，从而大大加速网站的载入速度。
阅读全文 »
