码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-06 21:37:52      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

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+CSS - 前端设计的小技巧(持续更新......)

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!