标签(空格分隔): CSS 元素分类
在CSS中,html中的标签元素大体被分为三种不同的类型: 块状元素、内联元素(又叫行内元素)和内联块状元素。
、
、…、
、 什么是块级元素? 在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行); 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 常用的内联元素有: 、、、、、、、、、、 在html中,、、、 和就是典型的内联元素(行内元素)(inline)元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从而使div 元素具有内联元素特点。 div{ display:inline; } ...... 我要变成内联元素 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。 常用的内联块状元素有: 、 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),、标签就是这种内联块状标签。 inline-block 元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。 转载请注明:文章转载自 www.mshxw.com 本文地址:https://www.mshxw.com/it/243552.html 上一篇 响应式布局的图片设置 下一篇 CSS样式基础 CSS教程相关栏目本月热门文章 1【Linux驱动开发】设备树详解(二)设备树语法详解 2别跟客户扯细节 3Springboot+RabbitMQ+ACK机制(生产方确认(全局、局部)、消费方确认)、知识盲区 4【Java】对象处理流(ObjectOutputStream和ObjectInputStream) 5【分页】常见两种SpringBoot项目中分页技巧 6一文带你搞懂OAuth2.0 7我要写整个中文互联网界最牛逼的JVM系列教程 | 「JVM与Java体系架构」章节:虚拟机与Java虚拟机介绍 8【Spring Cloud】新闻头条微服务项目:FreeMarker模板引擎实现文章静态页面生成 9JavaSE - 封装、static成员和内部类 10树莓派mjpg-streamer实现监控及拍照功能调试 11用c++写一个蓝屏代码 12从JDK8源码中看ArrayList和LinkedList的区别 13idea 1、报错java: 找不到符号 符号: 变量 log 2、转换成Maven项目 14在openwrt使用C语言增加ubus接口(包含C uci操作) 15Spring 解决循环依赖 16SpringMVC——基于MVC架构的Spring框架 17Andy‘s First Dictionary C++ STL set应用 18动态内存管理 19我的创作纪念日 20Docker自定义镜像-Dockerfile 热门相关搜索 路由器设置 木托盘 宝塔面板 儿童python教程 心情低落 朋友圈 vim 双一流学科 专升本 我的学校 日记学校 西点培训学校 汽修学校 情书 化妆学校 塔沟武校 异形模板 西南大学排名 最精辟人生短句 6步教你追回被骗的钱 南昌大学排名 清朝十二帝 北京印刷学院排名 北方工业大学排名 北京航空航天大学排名 首都经济贸易大学排名 中国传媒大学排名 首都师范大学排名 中国地质大学(北京)排名 北京信息科技大学排名 中央民族大学排名 北京舞蹈学院排名 北京电影学院排名 中国戏曲学院排名 河北政法职业学院排名 河北经贸大学排名 天津中德应用技术大学排名 天津医学高等专科学校排名 天津美术学院排名 天津音乐学院排名 天津工业大学排名 北京工业大学耿丹学院排名 北京警察学院排名 天津科技大学排名 北京邮电大学(宏福校区)排名 北京网络职业学院排名 北京大学医学部排名 河北科技大学排名 河北地质大学排名 河北体育学院排名 关于我们 文章归档 网站地图 联系我们 版权所有 (c)2021-2022 MSHXW.COM ICP备案号:晋ICP备2021003244-6号
什么是块级元素?
在html中、
、、
a{display:block;}
、、、、、、、、、、
、、、
在html中,、、、 和就是典型的内联元素(行内元素)(inline)元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从而使div 元素具有内联元素特点。
div{ display:inline; } ...... 我要变成内联元素
内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),、标签就是这种内联块状标签。
上一篇 响应式布局的图片设置
下一篇 CSS样式基础
版权所有 (c)2021-2022 MSHXW.COM
ICP备案号:晋ICP备2021003244-6号