Go语言视频零基础入门到精通

javalearner

几个常用的！

1:text-indent:2em;
首行缩进，例:
有时候，我们需要将段落的首行缩进两个文字，一般我们都是用4个HTML的空格( )来实现，其实我们还可以用样式表来达到这种效果！

  程序代码

<p style = "text-indent:2em;width:200px;">
有时候，我们需要将段落的首行缩进两个文字，一般我们都是用4个HTML的空格( )来实现，其实我们还可以用样式表来达到这种效果！
</p>

2:word-break:break-all;
强制换行，例:

  程序代码  
  
   
   
     
   

     
   
  
<table cellspacing = "0" cellpadding = "0" width = "100" border = "1" style = "word-break: break-all">
<tbody>
<tr>
<td>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</tbody>
</table>

3:filter:chroma(color:#FFFFFF);
让指定的背景色透明，例:

  程序代码

<table cellspacing = "0" cellpadding = "0" border = "1">
<tbody>
<tr align = "center" bgcolor = "#cccccc">
<td>
<img src = "attachments/month_0602/tqiw_logo.gif"/></td>
<td>
<img style = "filter: chroma(color:#000000)"  src = "attachments/month_0602/tqiw_logo.gif"/></td>
</tr>
<tr align = "center">
<td>
未使用该滤镜</td>
<td>
使用该滤镜</td>
</tr>
</tbody>
</table>


4:display:inline;
设置或检索对象是否及如何显示，inline表示内联，例:
大家都知道两个表格在一起，默认是会自动换行的，但是利用display:inline;属性可以让两个表格并排在一起：


  程序代码

<table border="1" style="display:inline;">
<tr>
<td>表格1</td>
</tr>
</table>
<table border="1" style="display:inline;">
<tr>
<td>表格2</td>
</tr>
</table>


5:overflow: auto;
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。auto : 在需要时剪切内容并添加滚动条

6:position: absolute;
      这个我想绝大多数人都知道――绝对定位，我所要说的是偶然发现的一个隐含功能，例:
当给一个网页元素的CSS设置为"position: absolute;"，那么它会绝对定位，然后根据css中的left,top属性确定自己的位置。但是如果我们仅仅设置一个元素样式表的"position: absolute;"属性，而不设置其left,top属性，那么该元素会浮在其html所在位置。看个例子，我将一个tr的CSS设置为"position: absolute;"：

  程序代码

<table border="1" cellpadding="4" cellspacing="0">
<tr style="position: absolute;">
<td>第一行</td>
</tr>
<tr>
<td>第二行</td>
</tr>
</table>

         第一行浮在第二行上了，这个特性可以很方便的来制作重叠效果，例如我以前写过的自定义按钮和flash播放器都用到了这个特性来实现重叠.
   
         自定义按钮：一个自定义按钮，底下是一个普通的Button，利用"position:absolute;"在Button上面覆盖图片，这样看起来就像自定义按钮，而实际点击确是点击底下真实的Button.



  
  
   
   

     
   

     
   
  

复制代码