css

一、选择器

<div id="help1" style="width:220px;" class="ds1">
      <img src=""/>
</div>

1、匹配组件的id属性----------------------------------   #

     #id{   }

2、匹配组件的class属性-----------------------------  .

    .class{}

3、匹配某类组件，如div、img、table-----------------div、img、table

   div{           }

   img{         }

   table{       }

4、匹配 某个id的组件下的同类组件

  #help1   img{     }-------------匹配help1 div下的所有img 

二、对齐

1、div内默认：文字底对齐、图片顶对齐，所以会出现图片比文字靠上

参考：http://apps.hi.baidu.com/share/detail/32246699

2、div中的div居中

<div style="float:center;">
      <div style="width:92%;margin:0 auto;">
				<h:outputText id="content" escape="false" />
       </div>
</div>

3、div中的文字或span居中

<div style="text-align:right;">
				发布时间：<h:outputText id="timeAdd" />
			</div>