CSS基础知识:padding与line-height的区别

2016-02-19 15:37 10 1 收藏

今天图老师小编给大家介绍下CSS基础知识:padding与line-height的区别,平时喜欢CSS基础知识:padding与line-height的区别的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

有朋友提出一个问题,padding与line-height的区别。这是CSS基础知识,对盒模型知识与布局以及相关属性不是很了解的时候,是很容易混淆与分不清楚的。

  其实padding是布局设置,对容器进行内边距定义。而line-height是行距设置,设置对象(如文本)的行高。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  padding 是内补丁也叫内边距,也称为填充

  检索或设置对象四边的补丁边距。
  如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。
  如果只提供一个,将用于全部的四条边。
  如果提供两个,第一个用于上-下,第二个用于左-右。
  如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
  内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

line-height 是行高

  检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
  如行内包含多个对象,则应用最大行高。此时行高不可为负值。
  也就是文本的行距。文本通常是一行或多行组成的,表示各行之间的距离。

  例如:

p数字生活网--中国网页设计,网页制作第一站/p

div数字生活网--中国网页设计,网页制作第一站/div
p,div {
    padding-top:40px;
    line-height:200%;

来源:http://www.tulaoshi.com/n/20160219/1610041.html

延伸阅读
标签: Web开发
    当我们畅游Internet时,我们透过浏览器所看到的网站,是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令 (Tag),将影像、声音、图片、文字等连结显示出来。 HTML标记是由 和 所括住的指令,主要分为 : 单标记指令、双标记指令 ( 由 起始标记 ...
美容护肤基础知识基础保养小动作: 1.多摄取具抗氧化功效食物如维他命C、E、绿茶多酚、葡萄多酚等,都是具有抗氧化功效的成分,可以多摄取水果;由于葡萄多酚存在于葡萄籽内,建议吃葡萄时,可以改成喝葡萄汁,连葡萄籽一起打汁,才能有效摄取葡萄多酚。 2.减少过氧化物形成过氧化物是造成自由基的主因,如果可以尽量避免,就可以...
标签: Web开发
CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页 你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。   ...
一个表空间只能属于一个数据库 每个数据库最少有一个控制文件(建议3个,分别放在不同的磁盘上) 每个数据库最少有一个表空间(SYSTEM表空间) 建立SYSTEM表空间的目的是尽量将目的相同的表存放在一起,以提高使用效率,只应存放数据字典 每个数据库最少有两个联机日志组,每组最少一个联机日志文件 一个数...
标签: 摄影入门
对于 摄影 的新手来说,数码相机并不是一件简单的摄影工具,想拍出比较完美的照片还是需要下一定功夫的。不过菜鸟光荣,一定是工作忙出来的。所以这里我们为你准备了一套摄影入门技巧的“套餐”。希望能让光荣的同志们尽快的品尝到摄影的“美味”。 数码相机特有功能的掌握 首先是应该知道的是数码相机的一些特...

经验教程

379

收藏

27
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部