块级元素和行内元素的区别1、块级元素可以设置宽度和高度属性,而行内元素不行;2、块级元素:display:block; 而行内元素:display:inline;3、块级元素可以设置margin、padding,而行内元素水平方向margin-left、margin-right、padding-left和padding-right可以有效,竖直方向上的margin-top、margin-botto...
分类:
其他好文 时间:
2015-10-11 21:38:49
阅读次数:
219
清楚HTML默认样式 *{font-size:9pt;border:0;margin:0;padding:0;}
body{font-family:‘微软雅黑‘;?margin:0?auto;min-width:980px;}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:blo...
分类:
Web程序 时间:
2015-10-10 18:49:56
阅读次数:
403
注意: margin:0 auto;/**0:上下 auto:左右**/ this is header this is main red red this is f...
分类:
Web程序 时间:
2015-10-10 12:14:34
阅读次数:
115
1、水平居中实现方法 <div class="demo">
????我是一个水平居中的div
</div> /*方法1*/
.demo{width: 960px;margin: 0 auto;}
/*方法2*/
.demo{width: 960px;height: 400px;background: #f00;position: r...
分类:
Web程序 时间:
2015-10-10 10:48:21
阅读次数:
201
jquery动画在JQ中做动画。参考API中的效果。 .show()——显示 .hide()——隐藏 .toggle()——显示和隐藏的切换 .fedeto(时间,透明度到多少)——透明 .animate({动画最终效果如:"margin-left":"200px","...
分类:
Web程序 时间:
2015-10-10 10:31:55
阅读次数:
129
CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题。比如,本站使用DIV做一行两列显示,HTML代码:推荐文章CSS库吧原创CSS代码:.h_mainb...
分类:
Web程序 时间:
2015-10-09 11:47:23
阅读次数:
134
css盒子模型原理:在网页设计中常听的属性名:内容(content)、填充/内边距(padding)、边框(border)、外边距(margin), CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些...
分类:
其他好文 时间:
2015-10-09 09:20:29
阅读次数:
225
1、单列布局 布局 2、单列布局水平居中.main{width: 800px;height: 300px;background: #ccc;margin: 0 auto;}3、自适应宽度两列布局(用得比较少) 布局 4、固定宽度两列布局(用得比较多)两栏被限制在父级div(main...
分类:
Web程序 时间:
2015-10-08 17:54:36
阅读次数:
186
一个sass转化css的软件:koala基本用法1、变量:SASS允许使用变量,所有变量以$开头。如果变量需要镶嵌在字符串之中,就必须需要写在#{}之中。$side:left;.rounded{ border-#{$side}-radius:5px;}2、计算功能:body{ margin:(1.....
分类:
其他好文 时间:
2015-10-06 00:45:09
阅读次数:
302
无标题文档 width:500px;height:500px;margin:0 auto;border:1px solid #ccc; width:500px;height:500px;margin:0 auto;border:1px solid #ccc;View Code
分类:
其他好文 时间:
2015-10-05 10:23:36
阅读次数:
173