建设银行网站用户注册不了,广州新际网站建设,wordpress app创建账户,wordpress mu常见问题解答#x1f60a;博主页面#xff1a;鱿年年
#x1f449;博主推荐专栏#xff1a;《WEB前端》#x1f448;
#x1f493;博主格言#xff1a;追风赶月莫停留#xff0c;平芜尽处是春山❤️ 目录 前言
一、什么是元素显示模式
1.1块元素
1.2行内元素
1.3行内块元素…博主页面鱿年年
博主推荐专栏《WEB前端》
博主格言追风赶月莫停留平芜尽处是春山❤️ 目录 前言
一、什么是元素显示模式
1.1块元素
1.2行内元素
1.3行内块元素
元素显示模式总结
二、元素显示模式的转换 前言
了解元素的显示模式是可以更好的让我们布局页面。 1.什么是元素的显示模式 2.元素显示模式的分类 3.元素显示模式的转换 根据以上三点掌握了就知道什么是显示模式、显示模式的分类以及能不能相互转换。
一、什么是元素显示模式
作用网页的标签非常多在不同的地方会用到不同类的标签了解他们的特点可以更好的布局我们的网页。
元素 显示模式 就是元素标签以什么方式进行显示比如div自己占一行也比如一行可以放多个span。
HTML元素一般分为两大类型 1.块元素 2.行内元素 1.1块元素
常见的块元素有h1~h6、p、div、ul、ol、li等其中div标签是最典型的块元素。
块元素的特点 比较霸道自己独占一行。 高度宽度外边距以及内边距都可以控制。 宽度默认的是容器父级宽度的100%。 是一个容器及盒子里面可以放行内或者块级元素。 注意 文字类的元素不能使用块元素 p标签主要用于存放文字因此p里面不能放块元素特别是不能放div 同理h1~h6等都是文字类块元素级标签里面也不能放其他块级元素 1.2行内元素
常见的行内元素有a、strong、b、em、i、del、s、ins、u、span等其中span标签是最典型的行内元素。有的地方也将行内元素称为内联元素。
行内元素的特点 相邻行内元素在一行上一行可以显示多个。 高、宽直接设置是无效的。 默认宽度就是它本身内容的宽度。 行内元素只能容纳文本或其他行内元素。 注意 链接里面不能再放链接 特殊情况链接a里面可以放块元素但是给a转换一下块级模式最安全 1.3行内块元素
在行内元素中有几个特殊的标签———img/、input/、td,它们同时具有块元素和行内元素的特点。有的又称它们为行内块元素。
行内块元素的特点 和相邻行内元素行内快在一行上但是他们之间会有空白间隙。一行可以显示多个行内元素特点。 默认宽度就是它本身内容的宽度行内元素特点 高度、宽度、外边距以及内边距都可以控制的块元素特点 元素显示模式总结 元素模式元素排列设置样式默认高度包含块元素一行只能放一个块元素可以设置宽度高度容器的100%容器级可以包含任何标签行内元素一行可以放多个行内元素不可以直接设置宽度高度它本身内容的宽度容纳文本或者其他行内元素行内块元素一行可以放多个行内块元素可以设置宽度高度她本身内容的宽度
二、元素显示模式的转换
特殊情况下我们需要元素模式的转换简单来说就是一个模式的元素需要另外一个模式的特性。比如想要增加链接a的触发范围。
转换块元素代码 displayblock
转换行内元素代码displayinline
转换为行内块元素代码displayinline-block
