Life is Cool_博客

文章列表

您正在查看 "Css" 分类下的文章

2007-09-28 09:20

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
.img_v {
display:table-cell !important;
display:block;
position:static !important;
position:relative;
overflow:hidden;
width:400px;
height:400px;
border:1px solid #000;
vertical-align:middle;
text-align:center;
}
.img_v p {
display:table-cell !important;

阅读全文>>

类别：Css | 评论(0) | 浏览()

在多种浏览器中测试你的网页

2007-08-01 12:39

输入你的网页地址，就可以在多种浏览器中测试你额网页的预览效果了。

地址：http://v04.browsershots.org/

类别：Css | 评论(0) | 浏览()

关于cellspacing和cellpadding

2007-04-13 19:31

表格的cellpadding和cellpadding我们经常会用如下的方式来清除默认样式：

很多朋友会说表现在结构中，这样不符合标准，那如何将这个表现拿出来，有些朋友或许很迷惑。我们可以用table的border-collapse: collapse;属性来代替cellspacing="0"，用th,td的padding: 0; 属性来代替cellpadding="0"。

table {
border-collapse:collapse;
border-spacing:

阅读全文>>

类别：Css | 评论(2) | 浏览()

"+" CSS Hack研究

2007-04-12 08:45

表达方式：+property:value
测试环境：IE5，IE6 ，IE7，FF1.5，FF2.0，Opera 9，Safari 2
测试结果：
IE5，IE6 ，IE7浏览器识别；
FF2.0，Opera 9，Safari 2浏览器不识别。

结论：我们可以用"+"来实现只有IE识别的CSS Hack。

比如我们要实现在IE中500px的宽度，而在其他浏览器480px的宽度，就可以通过"+" Hack来完成，如下：

#hack {
w

阅读全文>>

类别：Css | 评论(0) | 浏览()

ie7 下hack的方法

2007-04-12 08:17

“*+html”是css的中的选择符，被ie7与ie5.01所使用，而区分ie7与ie5.01又有很简单的方法,便是important,这样把important写在前面，就形成了单独针对ie7 hack的方法了。

*+html div.IE7 {
display:block !important;
display:none;
}

类别：Css | 评论(0) | 浏览()

css裸奔节！近800个网站疯狂裸奔！4月5日！

2007-04-05 08:08

4月5日是css裸奔节，到时候将会有近800个网站疯狂裸奔！！！何其的壮观啊！大家可以乘机好好偷窥一下各大网站裸奔的样子：）

类别：Css | 评论(0) | 浏览()

web标准常见问题集合

2007-03-15 08:06

随着越来越多的人开始接受web标准，一些和以往有些不太一样的地方也让许多新手痛苦不堪。以前可能简单设置一下甚至不用设置就能实现的样式，现在却始终搞不定，本文列举了一些常见问题和解决方法，相信对新手很有帮助。

1.超链接访问过后hover样式就不出现的问题

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序: L-V-H-A

Code:

阅读全文>>

类别：Css | 评论(2) | 浏览()

DOCTYPE和namespace

2007-03-06 19:45

有朋友问：不明白为什么有了DOCTYPE还要namespace，他俩不是一个作用么？

其实不然，先让我们看看网上对它们的定义：

什么是DOCTYPE？

Quote:

DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。其中的DTD叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。

要建立符合标准的网页，DOCTYPE声

阅读全文>>

类别：Css | 评论(0) | 浏览()

HTML元素的默认CSS设置

2007-03-01 13:11

/**default css style**/
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-

阅读全文>>

类别：Css | 评论(0) | 浏览()

简单form标准化实例——语义结构

2007-02-21 23:01

1、使用fieldset和legend标签

在form中，我们经常会对form中的信息进行分组，比如注册form，我们可能会将注册信息分组成基本信息（一般为必填），详细信息（一般为可选），那我们如何更好的来实现呢？我们可考虑在form中加入下面两个标签：

引用:
fieldset：对表单进行分组，一个表单可以有多个fieldset
legend：说明每组的内容描述

<form

阅读全文>>

类别：Css | 评论(0) | 浏览()