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

2015年7月6日20:28:20

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

  :text-alain:center

2、图片在ASP.NET中,可以直接拖放到界面,自动形成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)