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+CSS - 前端设计的小技巧(持续更新......)的更多相关文章
- [Tools] Eclipse使用小技巧-持续更新
[背景] 使用之中发现一些eclipse使用的小技巧,记录下来供以后查阅 Eclipse保存preferences,并导入到其他workspaces The Export wizard can b ...
- linux常用小技巧(持续更新中)
一.设置固定ip地址1.config查看用的是哪一个网卡这是假设用的是eth12.修改dns地址vim /etc/resolv.confsearch 域名地址nameserver 192.168.3. ...
- linux命名小技巧(持续更新)
一 向某个文件批量加入内容 1.1 向/etc/wxm文件添加一大段内容可以使用这个命令 [root@registry easyrsa3]# cat <<EOF >varsset ...
- css选择器顺序的小技巧
在线演示 本地下载 css的选择器的顺序其实很有意思,如果应用的好的话,可以做一些简单的逻辑出来,配合上css3,就可以尽可能的脱离js了. 这里的演示是一个带有hover事件的四张照片,效果来自一个 ...
- fastadmin 后台管理框架使用技巧(持续更新中)
fastadmin 后台管理框架使用技巧(持续更新中) FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架,具体介绍,请查看文档,文档地址为:https://doc. ...
- PLSQL Developer 11 使用技巧(持续更新)
PLSQL Developer 11 使用技巧 (持续更新) 目录(?)[-] 首先是我的颜色配置 常用快捷键 提升PLSQL编程效率 按空格自动替换 关闭Window窗口 PLSQL 实用技巧 TI ...
- css的几个小技巧
本文收录css设置样式的一些小技巧 1. 设置文字在块级标签居中(包括水平居中和垂直居中) 水平居中 方法一:使用text-align text-align:center 方法二:目标标签的父级标签设 ...
- CSS中的一下小技巧2之CSS3动画勾选运用
使用CSS3实现动画勾选 相信大家在项目中会经常遇到这种需求:勾选框.现在用CSS3来实现一个动画勾选,只需要一个标签即可完成: 这次需要用到CSS中伪类 after,这个小技巧也是很容易忘记的,所以 ...
- CSS中的一下小技巧1之CSS3三角形运用
使用CSS3实现三角形: 在前端页面中有很多时候会遇到需要三角形图案的时候,以前不知道可以用CSS3实现三角形的时候,一般都是叫UI把三角形图案切出来. 后来知道原来可以用CSS3实现三角形,可是用过 ...
随机推荐
- 有n个数(两两不同),对于这n个数的每个连续子序列,把其中最大的一个数标记一次,问最后每个数被标记次数
今天在qq群了看到了这个题目,觉得用单调栈的解法挺好,可以在o(n)内搞定,特意记录下来 首先明确单调栈的含义: 栈是FILO的,栈的所有操作都是在栈顶进行. 单调性指的是当前栈中存储的元素是严格的递 ...
- android linearlayout imageview置顶摆放
在练习android时,想在Linearlayout内放一图片,使其图片置顶,预期效果是这样的: 但xml代码imageview写成这样后, <ImageView android:layout_ ...
- Loadrunner 运行场景时:missing newline in XXX.dat 错误解决
脚本参数化类型为file,在controller里运行场景的时候,报了个missing newline的错误,查了一下,将参数化的dat文件中的最后一行补上一个空行就解决啦!! 如果遇到此错误,需检查 ...
- activity_main.xml
activity_main.xml: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android ...
- ThinkPHP快捷函数
16个快捷函数用法 1.A() 实例化控制器 格式:[资源://][模块/]控制器A($name,$layer='',$level='')@param string $name 资源地址 @pa ...
- 显示器中关于HS,VS,HBP,VBP参数浅析
先来解释几个缩写的含义 HSYNC : 水平同步信号(horizontal synchronization signal) VSYNC : 垂直同步(Vertical Sync):场同步 FR : ...
- polling轮询和comet
comet:(原意:彗星) Comet is a web application model in which a long-held(held:保留) HTTP request allows a w ...
- windows无效字符名导致的错误及解决办法
今天用file_put_content($fileName,$data)产生错误:内容如下: Warning: file_put_contents(images/7d5636992a7395f9174 ...
- [置顶] 深入ResourceBundle
ResourceBundle是java开发中非常实用的一个类,主要用来处理应用程序多语言这样的国际化问题. 如果你的应用程序如果有国际化的需求,可以考虑使用ResourceBundle, 你要做的就是 ...
- jquery分页
//分页插件 /** 2015-12-7 **/ (function($){ var ms = { init:function(obj,args){ return (function(){ ms.fi ...