HTML+CSS - 前端设计的小技巧（持续更新......）

2015年7月6日20:28:20

1、设置文字的居中，非控件内的。

　　：text-alain：center

2、图片在ASP.NEＴ中，可以直接拖放到界面，自动形成img控件。

3、CSS直接在全局样式  *  内，设置UL标签无样式，图片无边框，margin和padding都为0.

4、取消浮动Clear。

　　：clear：left   取消左浮动

5、图片按钮   ImageButton控件

　　SRC属性，设置图片的路径。

6、服务器空间，在网页中也是input控件，所以，直接设置input属性的：vertial-align：middle，可以设置所有的控件居中对齐。

7、CSS中  id   class选择器，可以并存，并且可以分别定义，使用class定义他们相同的属性（只用一个class名称），使用id定义不同的样式（使用不同的名称）。

8、id、class样式如果重叠，id优先。

9、设置表格Table为细线，border-collapse：collapse。

10、设置表格中每一列的宽度，可以直接设置<th></th>标签的宽度，以为th代表列。定义th_cla样式宽度即可。

<table>
    <tr>
        <th class = "th_cla">标题</th>
        <th>内容</th>
        <th>时间</th>
    <tr>
    <tr>
        <td>【abcdefg】</td>
        <td>啊实打实大苏打</td>
        <td>2015年7月6日</td>
    <tr>
    <tr>
        <td>【abcdefg】</td>
        <td>啊实打实大苏打</td>
        <td>2015年7月6日</td>
    <tr>
    <tr>
        <td>【abcdefg】</td>
        <td>啊实打实大苏打</td>
        <td>2015年7月6日</td>
    <tr>
    <tr>
        <td>【abcdefg】</td>
        <td>啊实打实大苏打</td>
        <td>2015年7月6日</td>
    <tr>
<table>

HTML+CSS - 前端设计的小技巧（持续更新......）

原文：http://www.cnblogs.com/KTblog/p/4625342.html