仓酷云

标题: 来看看:padding与line-height的区分 [打印本页]

作者: 小女巫    时间: 2015-1-16 00:04
标题: 来看看:padding与line-height的区分
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
 有伴侣提出一个成绩,padding与line-height的区分。这是CSS基本常识,对盒模子常识与结构和相干属性不是很懂得的时分,是很简单搅浑与分不分明的。
  实在padding是结构设置,对容器举行内边距界说。而line-height是行距设置,设置工具(如文本)的行高。
  padding是内补钉也叫内边距,也称为添补
  检索或设置工具四边的补钉边距。
  假如供应全体四个参数值,将按上-右-下-左的按次感化于四边。
  假如只供应一个,将用于全体的四条边。
  假如供应两个,第一个用于上-下,第二个用于左-右。
  假如供应三个,第一个用于上,第二个用于左-右,第三个用于下。
  内联工具要利用该属性,必需先设定工具的height或width属性,大概设定position属性为absolute。
不同意负值。

line-height是行高
  检索或设置工具的行高。即字体最底端与字体外部顶端之间的间隔。
  如行内包括多个工具,则使用最年夜行高。此时行高不成为负值。
  也就是文本的行距。文本一般是一行或多行构成的,暗示各行之间的间隔。
  比方:
<p>网页教授教养网--中国网页计划,网页制造第一站</p>

<div>网页教授教养网--中国网页计划,网页制造第一站</div>
p,div{
padding-top:40px;
line-height:200%;
}
  终极的效果如图所示




如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
作者: 小妖女    时间: 2015-1-18 05:02
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
作者: 小女巫    时间: 2015-2-3 12:59
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
作者: 变相怪杰    时间: 2015-2-9 03:35
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
作者: 飘灵儿    时间: 2015-3-8 17:58
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
作者: 只想知道    时间: 2015-3-16 10:57
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
作者: 爱飞    时间: 2015-3-22 22:59
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2