仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 686|回复: 6
打印 上一主题 下一主题

[DIV+CSS] 来看看:padding与line-height的区分

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:04:15 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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:15 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
小女巫 该用户已被删除
板凳
 楼主| 发表于 2015-2-3 12:59:57 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
变相怪杰 该用户已被删除
地板
发表于 2015-2-9 03:35:23 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
飘灵儿 该用户已被删除
5#
发表于 2015-3-8 17:58:47 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
只想知道 该用户已被删除
6#
发表于 2015-3-16 10:57:06 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
爱飞 该用户已被删除
7#
发表于 2015-3-22 22:59:46 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:45

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表