CSS height属性实例讲解
时间:2022-04-07
本文章向大家介绍CSS height属性实例讲解,主要分析其语法、参数、返回值和注意事项,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
height属性用于设置元素的高度。 height属性不包含元素的边距,边距和边框。
用法:
height:auto|length|initial|inherit;
属性值:
-
auto:用于将height属性设置为其默认值。如果height属性设置为auto,则浏览器将计算元素的高度。
用法:
height:auto;
例:
<!DOCTYPE html> <html> <head> <title> CSS height Property </title> <style> .Geeks { height:auto; color:white; font-size:30px; background-color:green; } </style> </head> <body> <h2>CSS height Property</h2> <div class = "Geeks"> GeeksforGeeks:A computer science portal </div> </body> </html>
输出:
- length:用于以px,cm等形式设置元素的高度。长度不能为负数。
用法:
height:length;
例:
<!DOCTYPE html> <html> <head> <title> CSS height Property </title> <style> .Geeks { height:100px; color:white; font-size:30px; background-color:green; } </style> </head> <body> <h2>CSS height Property</h2> <div class = "Geeks"> GeeksforGeeks:A computer science portal </div> </body> </html>
输出:
- initial:用于将height属性设置为其默认值。
用法:
height:initial;
例:
<!DOCTYPE html> <html> <head> <title> CSS height Property </title> <style> .Geeks { height:initial; color:white; font-size:30px; background-color:green; } </style> </head> <body> <h2>CSS height Property</h2> <div class = "Geeks"> GeeksforGeeks:A computer science portal </div> </body> </html>
输出:
- inherit:它用于从其父元素设置height属性。
支持的浏览器:height属性支持的浏览器如下:
- 谷歌浏览器1.0
- Internet Explorer 4.0
- Firefox 1.0
- Safari 1.0
- Opera 7.0
- Nodejs学习笔记(四)--- 与MySQL交互(felixge/node-mysql)
- 学习Spark——环境搭建(Mac版)
- 离线网络环境下一键式部署
- WCF后续之旅(17):通过tcpTracer进行消息的路由
- Linux同步机制(一) - 线程锁
- Silverlight类库介绍-FJCore
- 大型网站的自强之路
- 人工智能:浮现
- 机器人进化 如何确保 安全概率?
- Nodejs学习笔记(七)--- Node.js + Express 构建网站简单示例
- 如何写出好代码
- Nodejs学习笔记(十五)--- Node.js + Koa2 构建网站简单示例
- WCF后续之旅(15): 逻辑地址和物理地址
- 深入理解string和如何高效地使用string
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- Elasticsearch2.3官方Dockerfile解析
- openstack架构解析
- Linux服务器基础网络配置
- 负载均衡集群介绍,LVS介绍,LVS的调度算法,LVS的NAT模式搭建
- 03 实战 Ansible-Playbook之初始化服务器
- Dubbo与Zookeeper,SpringMVC整合和使用
- Docker安全之用户资源隔离
- kubernetes(六) 基于kubeadm构建高可用k8s集群
- docker存储驱动知识归纳总结
- 未来已来——如何在VR游戏中实现3D语音
- kubernetes(五)之Dockerfile
- kubernetes(四)之Docker存储卷
- 使用卷积神经网络构建图像分类模型检测肺炎
- 如何提升docker容器安全性
- CICD(三)Ansible常用模块以及案例