水平居中的方法：1、margin:auto;2、text-align:center;3、posotion:50% + margin-left:-width/2;4、占位;5、JS动态控制;6、css弹性盒模型。垂直居中的方法：1、line-height(单行);2、padding-top;3、ver...
分类：
Web程序 时间：
2014-09-11 20:53:52
阅读次数：
191
我们在这四个月中，我们用了很长时间学习html、css、js，我们常在css中用到这样的属性：.div1{ border-left-width:1px; border-left-style:solid; border-left-color:#ddd;}.div2{ padding-top:3px; ...
分类：
Web程序 时间：
2014-09-09 10:37:38
阅读次数：
313
最近经常玩腾讯微博,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px\0)欠考虑!看了腾讯的,下午就学了一下css3的东东!打算以后的项目...
分类：
Web程序 时间：
2014-09-07 16:00:25
阅读次数：
227
{"color_scheme": "Packages/Color Scheme - Default/IDLE.tmTheme","font_face": "Monaco","font_size": 14,"line_padding_bottom": 2,"line_padding_top": 2,"...
分类：
其他好文 时间：
2014-09-05 16:03:21
阅读次数：
269
1.单行内容的居中.middle-demo-1{height: 4em;line-height: 4em;overflow: hidden;}2.父元素未设置高度，内容居中.middle-demo-2{padding-top: 24px;padding-bottom: 24px;}3.子元素有固定高...
分类：
其他好文 时间：
2014-09-02 21:15:05
阅读次数：
180
之前没有认真的研究过，padding-bottom的值如果是百分比，那么它的实际值是根据父类的宽度来调整的。我还以为是根据这个元素的本身的宽度来定义呢？汗。。padding-top/padding-left/padding-right也是一样算。不过现在有一个CSS3属性叫box-sizing，可以...
分类：
Web程序 时间：
2014-09-02 19:30:15
阅读次数：
854
一个盒子，有margin,border,padding实际占用多少空间:
竖直方向是：height+padding-top+padding-bottom+border-top+border-bottom+margin-top+margin-bottom
水平方向上：width+padding-left+padding-right+border-left+border-right+margin-left+margin-right...
分类：
其他好文 时间：
2014-08-28 14:54:29
阅读次数：
239
css.departmentheadpic {height:230px;width:auto;background-color:#fff;padding-top:2px;padding-bottom:2px; positio...
分类：
其他好文 时间：
2014-08-27 16:09:07
阅读次数：
186
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS滑动门圆角</title> <style type="text/css"> .huadong{ width:500px; border:1px solid #ccc; ?line-height:50px; padding-top:20px;} .huado...
分类：
Web程序 时间：
2014-08-08 16:38:36
阅读次数：
253
本次试验的最大的误区是误解了div的宽度和高度的定义。 对于div设置了width和height后div的大小其实没有固定，通过设置padding-top使得div原始设定的大小在此基础上改变了，所以误使两个原本一样大小的div出现了不等大小： 1 2 3 4 5 无标题文档 6 30...
分类：
其他好文 时间：
2014-08-06 22:01:02
阅读次数：
302
