下面用一些比较常用的属性来做示例。 margin margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px; 代码简化为:margin:1px margin-top:1px; margin-right:2px; margin-bottom:1px; margin-left:2px; 代码简化为:margin:1px 2px margin-top...
http://www.jb51.net//article/14822.htm
由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少。根据数据与结构分离的原则,CSS最好要独立于网页文件,用[code]<link rel="stylesheet" type="text/css" href="../xxx/web.css" /> [/code]语句将CSS文件调入网页文件,不推荐直接在网页文件中写CSS代码。这么做的优点一是修改方便,二是对搜索引擎友好,那些搜索引...
http://www.jb51.net//article/13319.htm
通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过css实现,今天在论坛上小志提出了一个很不错的解决方案。使用overflow:hidden属性。或许很多人已经是这样用了,我没用过,觉得耳目一新。呵呵。其实道理很简单,我们按照正常的设置li的margin-right、margin-bottom属性,这样的结果自然会比我们期望的要多出来右边和下方的,这个时候我们通过ul的父级来设置width/height属性,然后overflow:hidden把多余的隐藏掉。好方法,呵呵!解决方法请看图:[html]<!...
http://www.jb51.net//article/13014.htm
逛网中发现,用iframe的margin函数实现调用一网页的部分区域,太有才了,以后就方便了[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><meta http-equiv="pragma" content="no-cache"><meta http-equiv="Content-Type" content="text/html;&...
http://www.jb51.net//article/13011.htm
边界叠加是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,当两个垂直边界相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。 当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加,见图:元素的顶边界与前面元素的底边界发生叠加 当一个元素包含在另一个元素中时(假设没有填充或边框将边界分隔开),它们的顶和/或底边界也发生叠加,见图:元素的顶边界与父元素的顶边界发生叠加 尽管初看上去有点儿奇怪,但是边界甚至可以与本身发生叠加。假设有一个空元素,它有边界,但是没有边框或填充。在这种情况下,顶边界与底边界就碰...
http://www.jb51.net//article/12342.htm
刚找到一个不错的东东body { margin: 36pt 24pt 36pt; } body { margin: 11.5%; } body { margin: 10% 10% 10% 10%; }[html]<style> #idParentDiv{width:100%;padding:6px;background-color:buttonshadow;} #idDiv{...
http://www.jb51.net//article/9993.htm
margin和padding总是有可能要用到,而产生的问题如何解决呢?由于浏览器解释容器宽度的方法不同:IE6.0FirefoxOpera等是真实宽度=width+padding+border+marginIE5.X真实宽度=width-padding-border-margin解决的方法是:div.content{width:400px;//这个是错误的width,所有浏览器都读到了voice-family:"\"}\"";//IE5.X/win忽略了"\"}\""后的内容voice-family:inherit;width:300px;//包括IE6/win在内的部分浏览器读到这句,新的数...
http://www.jb51.net//article/6720.htm
边框属性(border)用来设定一个元素的边线。 边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。 间隙属性(padding)是用来设置元素内容到元素边界的距离。 这三个属性都属于CSS中box类型的属性。 下面这个示意图,很形象地体现了三者之间的区别。这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。...
http://www.jb51.net//article/1140.htm
共有:8/10,当前1/1页
[首页] [上一页]
1
[下一页] [尾页]
转到:
