网站建设资讯

NEWS

网站建设资讯

css中使用height属性的案例-创新互联

这篇文章主要介绍了css中使用height属性的案例,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联是一家专业提供文登企业网站建设,专注与网站建设、成都网站制作、H5响应式网站、小程序制作等业务。10年已为文登众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

css height属性定义及用法

在css中,height属性是使用来设置元素的高度,不包括填充,边框,或页边距,在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。

height属性使用的非常多,是css中常用属性,当需要设置元素的高度的使用,就可以使用该属性来实现。如果需要设置元素的宽度,我们可以使用width属性来实现。height属性和width属性通常同时使用来控制元素的大小。

css height属性语法格式

css语法:height:auto/length/%/inherit;

JavaScript语法:object.style.height="50px";

css height属性值说明

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

length:使用 px、cm 等单位定义高度;

%:基于包含它的块级对象的百分比高度;

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

实例





css height属性设置元素的高度



div1
div2
div3

运行结果

css中使用height属性的案例

感谢你能够认真阅读完这篇文章,希望小编分享css中使用height属性的案例内容对大家有帮助,同时也希望大家多多支持创新互联建站,关注创新互联网站制作公司行业资讯频道,遇到问题就找创新互联建站,详细的解决方法等着你来学习!


文章题目:css中使用height属性的案例-创新互联
文章URL:http://njwzjz.com/article/dogdeh.html