工作中遇到的几个CSS样式表的问题

 

一 .

HTML 中 TD 不换行，在 CSS 中使用 ” white-space:nowrap;”

 

二.

属性:

cursor ：

值 :

hand 是手型
crosshair 是十字型
text 是移动到文本上的那种效果
wait 是等待的那种效果
default 是默认效果
help 是问号
e-size 是向右的箭头
ne-resize 是向右上的箭头
n-resize 是向上的箭头
nw-resize 是向左上的箭头
w-resize 是向左的箭头
sw-resize 是左下的箭头
s-resize 是向下的箭头
se-resize 是向右下的箭头
auto 是由系统自动给出效果
progress 是程序运行中的效果
not-allowed 是系统禁止的效果
no-drop 是系统禁止运行的效果
vertical-text 是垂直文字鼠标效果
all-scroll 是滚动浏览的效果
col-resize 是拖动表格宽度的效果
row-resize 是拖动表格高度的效果

 

三 .

SPAN 和 DIV 的区别在于， DIV(division) 是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而 SPAN 是行内元素， SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用 SPAN 。
　　 <span>SPAN 标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的 HTML 代码中的其它元素，这样你就可以为它们指定样式了。在此例中， <span> 标识符允许你将一个段落分成不同的部分。
　　还有一个标识符具有类似的功能， <div>DIV 也被用来在 HTML 文件中建立逻辑部分。但与 <div>SPAN 不同， <div> 工作于文本块一级，它在它所包含的 HTML 元素的前面及后面都引入了行分隔。

 

四 .

假如有 CSS 定义如下 :

<style type="text/css">

<!--

td{background-color:red}

td.special{background-color:black}

-->

</style>

这里定义的第一个td会影响引用此CSS的所有td,如果你想让某一个td不显示这种样式,可以使用上面的td.special定义,其方法如下:

…

<td class= “special”>…</td>

…

 

这样此<td>的样式就不受第一个td的影响了。