工作中遇到的几个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的影响了。