- + P A

- 定义的单像素表格边框的方法

      css 2009-3-2 4:23

在CSS解决办法时看到的这样定义表格边框的方法,如果用表格的border=”1″属性定义,实际显示的宽度要比1px粗。所以我直到现在都是定义table的left和top边框,然后定义td的right和bottom边框,这样也用css定义了一个表格的边框。没想到还有这么简单的方法,今天单独摘出来奉献给大家,希望能给您带来帮助。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>定义表格边框的方法</title>
<style>
table{ border-collapse:collapse; }
td{ border:#ccc solid 1px; padding:5px; }
</style>
</head>
 
<body>
<table width="100%" border=

标签集:TAGS:
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 使图片、文字垂直居中对齐

      css 2009-3-2 4:13

我们一般会使用<img>标记的align属性使其周围的文字按某种方式对齐,
但是align是外观属性,在Web标准盛行的今天,这个属性已经是不推荐使用了。

要在同一行放按钮和链接,其中按钮是图片、链接是文字链接,文字链接要在这一行里面居中对齐。
我写出来的HTML结构是这样的:

<div id="buttons">
    <img src="ZR04.gif" alt="登录" />
    <img src="ZR05.gif" alt="注册" />
    <a href="#">忘记密码</a>
</div>

但是默认的情况下,文字是底部对齐的。

要使文字垂直居中对齐的方法其实很简单,就是给所有内联元素加垂直对齐样式:

#buttons *{
    vertical-align:middle;
}

标签集:TAGS:
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- firefox 页面文字不可选

      css 2009-3-2 4:6

<style>body {-moz-user-select:none;}</style><body >不可选择</body>

标签集:TAGS:
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 利用font-size设置垂直居中的问题

      css 2009-3-2 4:4
对于用font-size来设置垂直居中,切记在utf-8和gbk编码下,只有utf-8有效,而gbk编码下需要设置字体,比如*font-family:Arial; 原因未知,差点被这折腾死。
标签集:TAGS:
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 快速查找页面中复杂BUG

      css 2009-3-2 3:49
常我们也会碰到复杂的 CSS BUG 问题,所谓“复杂”实质是指触发的条件很复杂,而“BUG” 也并非指一定是浏览器的 BUG 。对于此类问题,我们首先要解决的是如何定位到问题,只有快速的定位到问题,才能更好的解决问题。

对于快速定位,个人的经验处理一般如下(基本可以定位到我在淘宝遇到的 90% 以上的复杂 CSS BUG 问题):

1、检查页面的标签是否闭合

不要小看这条,也许折腾了你两天都没有解决的 CSS BUG 问题,却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的,而他们很容易犯此类问题。

快捷提示:可以用 Dreamweaver 打开文件检查,一般没有闭合的标签,会黄色背景高亮。

2、样式排除法

有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。

对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。

3、模块确认法

有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块,寻找到触发问题的 HTML 模块。

4、检查是否清除浮动

其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的,推荐使用

标签集:TAGS:
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()