您的位置:首页 > Web前端 > CSS

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

2015-07-06 20:43 721 查看
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: