HTML元素类别及转换
2024-10-13 05:25:22
位置特性分类元素分为三类:块级元素,行内元素,行级块元素
1.块级元素(block)
特点: (1)可以设置宽高、内、外边距;
(2)独占一行(即前后均有换行);
(3)块级元素如果不设置宽度和高度,则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。
常见的块级元素: div、p、h1、h2......hn,ol、ul、dl、li、form、table
2.行级元素(inline)
特点: (1)不可设置宽高、上下内、外边距。(左右内、外边距设置有效)
(2)其宽度和高度由其内容自动填充。
(3)其他行级元素共处一行 ;
常见的行级元素:a、span、i、lable等
3.行内块元素(inline-block)
特点:(1)可以设置宽高、内外边距;
(2)可以与其他行内元素、内联元素共处一行;
常见的内联元素:input、img
=================元素之间的转化========================
display:block;(将元素变为块级元素)
display:inline; (将元素变为行级元素)
display:inline-block;(将元素变为行级块元素)
(可以在行内样式或css样式中改变元素的display将三种元素进行转换)
最新文章
- Xcode 8.2 想使用插件 怎么办? 教你科学的使用插件
- 好文mark
- 从web编辑器 UEditor 中单独提取图片上传,包含多图片单图片上传以及在线涂鸦功能
- Apache Tomcat目录下各个文件夹的作用
- LightOJ 1012 简单bfs,水
- jade反编译
- HDU 2048 神、上帝以及老天爷(递归,错排,dp,概率)
- Huge CSV and XML Files in Python, Error: field larger than field limit (131072)
- String类中几个简单的常用方法
- 复制文件时,如何显示进度条(使用BlockRead函数读取数据,并插入application.ProcessMessages)
- myeclipse乱码问题和 编码设置
- BeagleBone Black安装小米随身WiFi驱动方法
- Unix - 文件中构成一个空洞的分析
- 使用Android Studio手把手教你将应用打包+代码混淆
- JS windows对象的top属性
- chrome开发者工具实现整站截屏
- Kubernetes的三种外部访问方式:NodePort、LoadBalancer和Ingress
- Xml文件删除节点总是留有空标签
- JS高级-String-正则表达式:
- wkhtmtopdf--高分辨率HTML转PDF(二)