DIV CSS高度_height
DIV+CSS height高度知识教程篇
- height高度目录
1、height高度语法 - TOP
#thinkcss{height:50px}
设置了thinkcss对象盒子高度为50px(像素)
高度height解释图高度height语法用法解析图
2、高度height用法 - TOP
Height:50px 设置对象高度为50px
Height:50em 设置对象高度为50相对长度em
通常单独对一个div高度为百分比没有效果
3、html标签内高度height元素 - TOP
1)、设置表格宽度:<td height="50">内容</td>
2)、设置img图片宽度:<img src="图片地址" height="50" /> 当图片设置高度后,如果宽度没有设置,图片将自动根据设置高度等比例缩小或放大显示图片
以上高度height的数值都没有单位,也不需要添加单位,添加单位反而错误,默认以px像素为长度单位
4、高度height应用案例 - TOP
我们设置一个命名为thinkcss的盒子,设置一个高度为200px盒子,为了直观观看高度设置效果,我们再对此盒子添加1像素红色边框,如果不设置宽度,将全屏100%宽度,所以我们再设置一个宽度为80px属性。
高度案例CSS代码:
- #thinkcss{height:200px;border:1px solid #F00}
高度案例HTml代码:
- <div id="thinkcss">我高度为200px</div>
5、height案例截图 - TOP
css height高度案例图css宽度与css高度案例截图
6、css高度height总结 - TOP
通常使用css高度对对象设置高度长度单位。一般我们需要对盒子对象设置高度时候,只需要对该CSS类添加高度height加值即可。
7、在线演示 - TOP
http://www.thinkcss.com/yanshi/css_height.html
HTML必备基础教程
- • html换行br标签
- • html段落p标签
- • html table tr td th表格标签
- • html内容body标签
- • html图片img标签
- • html form表单标签
- • html input表单标签
- • html列表菜单跳转select标签
- • html div
- • html span
- • html em强调标签
- • html u下划线
- • html斜体i标签
- • html加粗b标签
- • html strong加粗标签
- • html删除线s标签
- • base链接打开方式标签
- • html iframe内嵌
- • html ul li无序列表
- • html ol li有序列表
- • html font文本标签
- • html hr水平线
CSS必备基础教程
- • css颜色 css color)
- • css宽度 css width
- • css高度 css height
- • css行高 css line-height
- • css 字间距 css letter-spacing)
- • CSS border(CSS边框
- • CSS font-family CSS字体
- • CSS 斜体 CSS font-style
- • CSS加粗 CSS font-weight
- • CSS 下划线 CSS text-decoration
- • CSS字母大小写 CSS text-transform
如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-07-28 点击:
次
原创来源:ThinkCSS 来源网址:http://www.thinkcss.com/view/c53.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!。