存档
等比例缩小图片方法总结
方法一:Max-width|Max-height
这是最简单的方法了,给图片一个最大的宽度和高度:
#Imgbox img {
max-width: 500px;
max-height: 300px;
border:0;
}
但它的效果并不怎么好,因为目前的IE6并不认识这个max-width和max-height。而且有时候图片的宽高相差很大。这样做后图片会变形。
方法二:Max-width/height+Expression
先来了解下什么是CSS expression:
IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript脚本关联起来,这里 的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于 Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
网页设计师必用的11个SEO技巧
现在的网页设计师不仅设计网页的外观和风格。他们也常常负责主要前端代码的编写。换句话说,SEO(搜索引擎优化)的相当一部分责任落在设计师的肩上。然而大量网页设计师对这个领域的熟悉程度仍不足以让他们写出一个对搜索引擎充分优化的网页。
本文旨在为普通,甚至部分高级网页设计师提高SEO技巧提供一些重要的窍门。
1. 让代码比设计更美
搭建网页前端的时候,使用有语义的代码。用描述性的标签组织页面结构,可以提高内容对搜索引擎的可读性。这也会让修饰页面的工作变得更简单干净。
2. 使用关键字,但要把握分寸
关键字是指描述主要内容的词语。有策略地在页面中安放关键字是很重要的,例如在URL、标题标签(title tag)以及主要的抬头标签(heading tag)中。在正文中经常使用关键字也很重要,但是不能过度,否则你的文章可能因关键字堆砌遭到惩罚。
3. 避免使用Flash作导航栏
无论华丽的下拉列表效果如何诱人,不要使用它。搜索引擎不能顺利读取Flash文件中的内容,所以Flash导航栏中的链接将无法被跟踪。
4. 使用不同的页面标题
你的网站的每个页面都应该有标题属性,而每个页面的标题应该各不相同。如果每个页面的标题都一样的话,搜索引擎会理解为你的网站的每个页面都是相同的主题。
7种CSS圆角框解决方案
22个不错的CSS技术
13个不错的Javascript和CSS的菜单
30种时尚的CSS网站导航条
我想,大家在上网的时候一定见过很多很多种各式各样的网站导航条的设计。这些导航条基本上来说都是用CSS来做的。这里,我们将向你介绍几种最不错的用CSS设计的网站导航条。希望你会喜欢。
1. The Menu menu
这是一个非常不错的CSS菜单,相当的独特,每个图标都有鼠标感应,然后出现子菜单。如果你想知道怎么做的,你可以简单的看一下这个网页的源码。



