火狐下的效果↓ chrome下的效果↓ padding-box 只有在火狐下起作用 ...
分类：
其他好文 时间：
2016-04-23 13:11:34
阅读次数：
118
1、结构：table-thead（tr-th）-tbody（tr-td）-tfoot（tr-td) 2、重置：th，td{padding：0；}；table{border-collapse：collapse；}：清掉单元格之间的间距 3、不要给table，th，td以外的标签加样式，会用兼容性问题 ...
分类：
其他好文 时间：
2016-04-23 11:39:22
阅读次数：
137
HTML结构如下： <div class="demo"> <span>111111111111111111111111111111111111<br />22222222222222222222</span> </div> 高度不固定的情况： 方式一：可以直接添加相同的padding-top和pad ...
分类：
Web程序 时间：
2016-04-22 12:04:09
阅读次数：
188
1. 文字多了 省略后面 后面加省略号 p{width:300px; border:solid 1px #000; padding:10px; font:22px/22px "微软雅黑"; white-space:normal; overflow:hidden; text-overflow:elli ...
分类：
Web程序 时间：
2016-04-21 23:22:07
阅读次数：
362
1.盒子模型 在进行网页设计的时候，我们使用的是盒子模型，其内容如下： 整个网页就是大盒子套小盒子，小盒子又套更小的盒子来实现的。但是在做网页设计时总是搞不清margin和padding的使用方式，在此特地探讨一下。 2.margin 1.margin-top 只有块元素有margin-top，内联 ...
分类：
其他好文 时间：
2016-04-21 18:08:39
阅读次数：
186
表格 1、基本类 .table {width/margin-bottom/} {padding/border-top} 2、条纹表格 .table-striped {nth-of-type(odd):background-color} 3、边框表格 .table-border {border} 4、 ...
分类：
其他好文 时间：
2016-04-21 13:29:24
阅读次数：
89
按钮 1、基本类.btn {display/padding/margin-bottom/font-size/border-radius/border} 作用于< a:role:button > <button> <input:button> <input:submit> 2、预定义样式.btn-de ...
分类：
其他好文 时间：
2016-04-21 13:26:38
阅读次数：
117
padding值的区别：1、四个值：上 右 下 左2、三个值：上 左右 下3、两个值：上下 左右4、一个值：上下左右 响应式布局：一般用em为单位 postion定位 三种定位机制：1、普通流（标准流）2、浮动 3、绝对定位（脱离文档流） static：静态定位（无定位）relative：相对定位 ...
分类：
Web程序 时间：
2016-04-20 23:47:12
阅读次数：
230
<!doctype html> <html> <head> <meta charset="utf-8"> <title>倒计时js</title> <style> *{ margin:0; padding:0; list-style:none;} body{ font-size:18px; text ...
分类：
其他好文 时间：
2016-04-20 19:37:01
阅读次数：
199
.waps{background:url(07158.bmp)no-repeattopcenterfixed;width:1004px;text-align:center;line-height:28px;font-size:12px;font-family:Arial,Helvetica,sans-serif;}.con{text-align:left;width:500px;height:400px;margin:0pxauto;padding:100px50px;background:rgba(255,..
分类：
Web程序 时间：
2016-04-20 11:45:09
阅读次数：
133
