Mozilla表示，在经过几个月的开发之后，Firefox 3试用版已经推出。 Mozilla负责工程研发的副总裁迈克·斯科罗普夫(Mike Schroepfer)称：“Firefox 3在很多方面都比其他浏览器更加稳定。”他表示，Mozilla工程师仍在对Firefox 3进行最后的测试和完善，有望在6月底以前推出最终版本.
Ars Technica上的一篇文章中对Firefox 3 Beta 4和其他最新浏览器进行了对比测试。FF3B4的对手包括 IE7，Firefox 2，Opera 9.5 Beta 和 Safari 3.0.4 Beta。测试结果显示，Firefox 3 Be ...
网页中常用的字体定义：font-family: Arial,Verdana, Helvetica, sans-serif;也可以是引入外部字库来定义字体（更灵活的方式），@font-face {font-family: "Kimberley";src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");}h1 { font-family: "Kimberley", sans-serif } 适合常见系统显示的字体： ...
打印HTML文档总是会出现问题。在CSS2中，我们可以借助打印属性让打印web内容更容易一些。
page : auto | pagetype
page-break-after : auto | always | avoid | left | right | null
page-break-before : auto | always | avoid | left | right | null
page-break-inside : auto | avoid
marks : none | crop || cross
orphans : number
size : aut ...
通过ie注释来区分IE浏览器版本
除IE外都可识别
在IE注释之前调用样式,该样式是指标准样式,通常也可说ff下浏览的样式,
在ie注释之后采用以下方式可引用专门针对opera下的浏览样式.如:
/* opera styles */
@media all and (min-width:0px){
@import "print.css"
BODY {font-size:8pt;}
}
如此以来便又是一套区分并兼容浏览器的一套hack啦!
...
yahoo的邮箱正一步步向google 转变,自yahoo推出无限量以来,渐渐的有不少用户的眼球开始被吸引过来,但yahoo的邮箱在功能和体验到底又如何呢?
首先我们可以看看之前yahoo的邮件,
顶部有个大大的广告banner的,其它的设计都比较简洁,走的是朴素风格的路线,采用了panel式功能模块切换, 同时也将相册和空间整合进来,这点以及 ...
1.*+html 与 *html 是IE特有的标签, firefox 暂不支持，而*+html 又为 IE7特有标签。因此便可以很方便的得到一个针对于
FireFox、IE6、IE7三种不通浏览器的hack实例代码如下：
<html>
<head>
<style>
#wrapper { width: 120px;height:100px; background:#ff0; } /* FireFox */
*html #wrapper { width: ...
打印属性
打印HTML文档总是会出现问题。在CSS2中，我们可以借助打印属性让打印web内容更容易一些。
属性
描述
值
W3C
orpha ...
对上述的导航菜单都简单浏览了一遍,挑选了几个比较喜欢用自己的方式实现了下!
发现其实挺简单的,无非就是想法和设计不错,不过往往我们国内设计师缺的就是这些...
css 代码
/* menu Theme */
@import url(basestyle.css);
@import url(baseframe.css);
/*Star ...
今天在52css上逛了下,有不小的收获,站内提供的一些很好的资料可供学习网页制作的人作参考.以下是站点归纳出来的53个精彩导航菜单.对菜单感兴趣的人可以研究研究.
1. Change.org
2. N.Design Studio | Design & Blog
3. Good Creative - Web and Graphic Design
4. MacRabbit - Welcome
5. Joyent: Introducing Joyent
6. CSS Vault ...
css 代码
.btop{
width:900px;
height:10px;
background:url(images/napic/top.jpg) no-repeat top left;
}
.bbottom{
width:900px;
& ...
为 Web页指定 DOCTYPE 会影响浏览器呈现页的方式。Internet Explorer、Mozilla Firefox 和 Opera 全都支持一种名为“DOCTYPE 切换”（也叫“DOCTYPE 嗅探”）的功能。
引入 DOCTYPE 切换的目的是使浏览器能够正确地呈现符合标准的 Web 站点以及旧式 Web 站点。大多数 Web 站点被开发为呈现 HTML 页而不是 XHTML 页。浏览器通过判断是否存在 DOCTYPE 来确定何时应该使用标准来呈现页。
Internet Explorer 6+ 支持两种呈现模式，分别叫做 Qu ...
*+html 与 *html 是IE特有的标签, firefox 暂不支持，而*+html 又为 IE7特有标签。因此便可以很方便的得到一个针对于FireFox、IE6、IE7三种不通浏览器的hack实例代码如下：
css 代码
#wrapper
{
#wrapper { width: 120px; } /* Fi ...
!important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.
(注意写法.记得该声明位置需要提前.)
css 代码
#wrapper
{
width: 100px!important; /* IE7+FF */
&nbs ...
作为针对IE5x的一种hack，使用实例如下：
css 代码
#centercontent {
background:#fff;
&nbs ...
css 代码
body{
background-color:white;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
color:white;
}
ul ...
原以为用这个不需js就可实现的几个未知高度容器的对齐觉得非常方便，而且免去了js有时所带来的麻烦。但在这几天对这组代码的重复使用过程中，发现了其不少的弊端，其中大多问题出在overflow：hidden属性上（外容器外的的相对定位容器被隐藏不能显示、外容器内锚点设定时该容器内锚点以上的页面内容消失等），而这又是这组代码为了实现容器自适应必不可少的一条加在外容器结构体中的属性；所以在考虑使用何种方法来实现几个未知容器适应时，更应因情况而言，可以从效率、易用、危害性（指对后续开发和重写时带来的负面影响较小）方面来 ...
Xhtml中标签的书写格式
<img>img>或<img />（width 和height可以为页面事先预留图片空间，避免在打开页面时浏览器为计算图片大小不断调整页面文字，为阅读带来不便；width 和 height 也可为图片实现缩微图的效果，不过为了显示正常最好保持图片的宽高比例）
img
Function
Inserts an image into a document
& ...
css 代码
/* easy clearing */
div#content:after { /* overflow:hidden must be in div#content */
content: '[DO ...
今天花了三个多小时来重新调整样式结构！
起初自己是站在节省id，class的使用和充分利用优先级的立场来编写的（这样一来可以省去命名混乱和结构不清晰的问题），但我忽略了一个问题，所被定义的样式层次结构开始加深，让样式编辑开始变得有些复杂，另外也正是优先级带来的 负面影响就是你有时甚至很难找到你当前正在编写的一个样式，不知是继承了之前的哪个，又或是被哪个优先级更高的给复写啦！
当然今天也发现不少问题：
...
Ajax框架介绍
1 浏览器端框架
下面几节介绍了一些浏览器端框架。
1.1 Dojo
Dojo是最老的框架之一，于2004年9月开始开发。这个项目的目标是建立充分利用XHR的DHTML工具包，并把重心放在可用性问题上。Dojo只有几个文件，不用处理XHR的建立，只需调用bind方法，并传入想调用的URL和回调方法即可。就这么简单。还可以使用bind方法来提交整个表单。
...
为了更清楚的了解黑管后天height,line-height和font-size 之间的不同与联系 ，做了以下这样一个小小的测试：
xml 代码
<div style="height:20px;
background:#efefef; font-size:12px; line-height:20px; padding:10px;"> &nbs ...
今天在调页面时发现一个margin的问题在IE和FF下始终没能解决，于是便单独拿出来试验，最终知道问题所在啦
css 代码
*{padding:0; margin:0;}
div.contain img {
float: left;
margin: 15px 10px auto 1 ...
结构组件
* body -- 定义HTML文档体
* head -- 定义一个HTML文档的头信息
* html -- 定义一个HTML文档的开始
* title -- 定义HTML文档的标题
文字组件
* abbr -- 缩写(例如:WWW,HTTP,HTML etc.)
* acronym -- 定义首字母缩写
& ...
用这种纯CSS定义的圆角边框 好象不错 ，连小图片都省了
css 代码
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 ...
当发现使用padding 或margin属性 在ff 中不起作用时，尽管你在文本中已经声明好了浏览器分别会采用standart 模式和most standart 模式来进行解析，但此时还是会出现上面说到问题，虽然对此时对盒子的计算模式是相同了，但在嵌套盒子的理解上还是存在着一些差别，可以采取解决的方法是在需要作用的盒子里面再嵌套一个一个空盒子。（如果是在外面写个空盒子的话，效果不变，问题依然存在）
为 Web页指定 DOCTYPE 会影响浏览器呈现页的方式。Internet Explorer、Mozilla Firefox 和 Opera 全都支持一种名为“DOCTYPE 切换”（也叫“DOCTYPE 嗅探”）的功能。
引入 DOCTYPE 切换的目的是使浏览器能够正确地呈现符合标准的 Web 站点以及旧式 Web 站点。大多数 Web 站点被开发为呈现 HTML 页而不是 XHTML 页。浏览器通过判断是否存在 DOCTYPE 来确定何时应该使用标准来呈现页。
Internet Explorer 6+ 支持两种呈现模式，分别叫做 Qu ...
参照以上样式做了个简易的纵向菜单
css 代码
* {margin:0; padding:0;}
body {font-size:12px; font-family:宋体; color:#666;}
ul {list-style:none;}
img {border:none;}
/* Apply */
.hackbox {clear:both;}
.colaB {width:816px;backg ...
Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。我们下面来共同学习它们的不同的用法，在学习中我们应该去思考在什么布局情况下，应该使用它们其中的哪一种。
position:static 无定位
该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用position:static取消继承，即还原元素定位的默认值。
如：#nav { position:static; }
其他两种前面提过，我们 主要说的 ...
IE 6.0
IE 7.0
Firefox 2.0
Opera 9
但如何才能使写出来的样式表能同时兼容于这些浏览器呢？ 尚待了解........
四种不同样式的引用优先级关系：
1.直接定义标记的STYLE属性
1.css 代码
"lh-col" style="background:#00ff00;">
这类样式引用优先级是最高的通常可用来强制设置相应标签样式；
2.定义内部样式表
2.css 代码
"text/css">
#lh-col{
...
tiger.passion
- 浏览: 43680 次
- 性别:
- 来自: 上海
- 详细资料
搜索本博客
我的相册
共 46 张
最近加入圈子
链接
最新评论
-
成功的用户体验必须遵循的 ...
是的，真正从用户需求和网站目标开始说起的话，有很多可以说～ 等后面有时间写点更加 ...
-- by tiger.passion -
成功的用户体验必须遵循的 ...
还可以说的更详细点阿！
-- by lxdhdgss -
SEO之网站结构优化
有没有 优化 比较好的 网站例子 共享下
-- by 风雪涟漪 -
SEO之网站结构优化
不错 。学习了。期待有更好的文章
-- by 风雪涟漪 -
Firefox 3 Beta 4已完成测 ...
迫不及待呀
-- by boy in the road
评论排行榜