科非设计网:CSS属性详解网站建设科非网站设计官网www.k9f9.com

超过160万人正在关注

赶快来关注吧,这里有你想找的热点资讯,这里有你想要的各种资料,还有海量的资源,还在等什么。快来关注,大佬带你开车。

CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。

line-heigt

css

line-height 属性设置行间的距离(行高)。该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。 line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

设置段落的高度和行高:

p{

height:100px;

line-height:100px;

}

width 属性

css

width 属性设置元素的宽度,这个属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。

传统Html 宽度属性单词:

width 如width="300";

CSS 宽度属性单词:

width 如width:300px;

设置段落的高度和宽度:

p{

height:100px;

width:100px;

}

width属性可能的值有:

auto: 默认。浏览器会计算出实际的宽度。

length: 使用 px、em 等单位定义宽度。

%: 定义基于包含块(父元素)宽度的百分比宽度。

inherit: 规定应该从父元素继承width属性的值。

height属性

css

height 属性用以设置元素的高度,单位可以使用px,em等,通常用使用PX(像素)为html单位。这个属性定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。

设置段落的高度和宽度:

p{

height:100px;

width:100px;

}

height属性可能的值有:

auto: 默认。浏览器会计算出实际的高度。

length: 使用 px、em 等单位定义高度。

%: 基于包含它的块级对象的百分比高度。通常单独对一个div高度为百分比没有效果。

inherit: 规定应该从父元素继承 height 属性的值。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180330G12SWW00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券