前端HTML——三大元素之块元素 内联块元素 和内联元素_aside是否为块元素?-程序员宅基地

技术标签: 前端HTML CSS JavaScript jquery  html  

块元素

div就是一个块元素,
所谓的块元素就是会独占一行的元素,无论它的内容有多少
都会独占一行

元素的宽高,行高以及四周边距都可以人为设置

div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer等都是块元素

div这个标签没有任何语义,就是一个纯粹的块元素
并且不会为它里面的元素设置任何的默认样式

块元素主要用来对页面进行布局

内联元素

span就是一个内联元素(行内元素)
所谓的行内元素,指的是只占自身大小的元素,不会占用一行

1.和其他元素可以并排

2.元素的高度宽度 以及上边距和下边距取决于内容的宽高

常见的内联元素:
a img iframe span、img、a、lable、input、abbr(缩写)、em(强调)、big、cite(引用)、i(斜体)、q(短引用)、textarea、select、small、sub、sup,strong、u(下划线)、button(默认display:inline-block等等

span没有任何的语义,专门用来选中文字,然后为文字设置样式

内联元素主要用来用来选中文字,然后为文字设置样式

一般情况下只使用块元素去包含内联元素,而不会使用一个内联元素去包含一个块元素
a可以包含任意元素,出了它本身
p元素不可以包含任何的块元素

内联块元素

常用元素

img input

特点:(综合行内元素和块级元素特点)

1.内容可以并排

2.宽高 行高以及边距都可以设置
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_48930261/article/details/108042579

智能推荐

简单代码训练(if语句)_python条件分支if语句 当货物重量小于20公斤的时候收费大于5元-程序员宅基地

文章浏览阅读873次。1.(if 语句)读入一个整数,判断其是奇数还是偶数:package com.xiaobaiExercise;//导包import java.util.Scanner;//判断奇偶数public class OddNumber { public static void main(String[] args) { int a; System.out.println("请输入一个自然数:"); //输入数字 Scanner x = new Scanner(Syste._python条件分支if语句 当货物重量小于20公斤的时候收费大于5元

个人简介网页设计作业 静态HTML个人介绍网页作业 DW个人网站模板下载 WEB静态大学生简单网页 个人网页作品代码 个人网页制作 学生个人网页-程序员宅基地

文章浏览阅读53次。个人网页设计、‍♂️个人简历制作、简单静态HTML个人网页作品、个人介绍网站模板 、等网站的设计与制作。个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构,制作了网页背景图片,导航区域每个导航背景色不同,导航背景色与页面背景呼应。 一套A+的网页应该包含 (具体可根据个人要求而定)网站布局方面:计划采用目前主流的、能兼容各大

4.4.5 信道均衡(一)-程序员宅基地

文章浏览阅读2.1w次,点赞3次,收藏62次。4.4.5 信道均衡(一)一、为什么要信道均衡? 数字信号在实际信道上传输时,由于信道传输特性不理想以及信道噪声的影响,接收端接收到的信号不可避免地发生错误。为了恢复发送的数据信息,接收端需要估计出信道的特性,并对接收到的数据进行校正。 二、信道均衡的常用方法 一般来说有二种方法:差分检测和相干检测。 差分检测:比较相邻两个信号的相位和幅度的差值; ..._信道均衡

PHP中时间戳和时区_php gmt date-程序员宅基地

文章浏览阅读1.2k次。时间戳时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数。时区由于世界各国家与地区经度不同,地方时也有所不同,因此会划分为不同的时区。正式的时区划分,每隔经度15°划分一个时区,共包括24个时区。我们目前使用的北京时间并不是北京(东经116.4°)的地方时间,而是东经120°(东八区)的地方时间。..._php gmt date

【微信小程序】实现验证码倒计时效果_微信小程序 发送验证码倒计时-程序员宅基地

文章浏览阅读334次。效果图wxml<input class='input-pwd' placeholder="新密码" placeholder-style='color: #000' password focus bindconfirm='getPwd'/><input class='input-tel' type='number' placeholder="手机号" placehol..._微信小程序 发送验证码倒计时

Python爬虫编程思想(112):基于Splash的爬虫--模拟鼠标键盘动作_splash:send_keys-程序员宅基地

文章浏览阅读800次。Splash Lua脚本还提供了很多方法,用于模拟鼠标和键盘的动作,例如,mouse_click函数可以模拟鼠标单击的动作,send_keys可以模拟键盘按键的动作。_splash:send_keys

随便推点

unity 协程原理-程序员宅基地

文章浏览阅读1.7k次,点赞36次,收藏42次。Unity 开发常用到协程Coroutine,但是unity的协程和monobehaviour绑定,有时候并不想继承mono,但是又想使用协程,这时候就有点麻烦,

centos7 安装wps 依赖源libXss.so.1()(64bit)-程序员宅基地

文章浏览阅读489次。手动搜索发现https://pkgs.org/download/libXss.so.1()(64bit)可以下载。centos 在安装wps时会提示:依赖检测失败: libXss.so.1()(64bit)被需要。选择合适自己的系统,这里以centos7为例。进入后下拉到Download选择二进制文件。yum 或者apt安装依赖失败。_libxss.so.1

关于Ubuntu18.04虚拟机配置桥接模式_gnome box bridge-程序员宅基地

文章浏览阅读8k次,点赞9次,收藏43次。虚拟机设置为桥接模式+静态ip的话可以连接ARM开发板的。先说明一下,我一开始是在校园网环境下配置的,我们的路由器是设置为AP模式(也就是交换机模式)的,连入wifi后获取的是A类静态IP,在这种情况下配置桥接模式配了好多天打死都配不出来,最后屈服了,换成了手机开热点给电脑连,5分钟就配置完了。详细步骤如下:windows下cmd中输入ipconfig /all,输出如下:记住主机的IP..._gnome box bridge

贪吃蛇小游戏的实现【C语言魅力时刻】_c#贪吃蛇小游戏实现关卡难度的控制-程序员宅基地

文章浏览阅读564次,点赞9次,收藏8次。我们大致要实现的效果如下:你可以看到,这两张游戏界面中,我们首先修改了我们的控制台的名称,其次我们隐藏了我们的光标,然后我同时做到了在控制台上的任意位置打印输出我们的文字。前面的改名字和暂停我已经说过,接下来让我们来说说如何改变控制台坐标以及如何隐藏光标。_c#贪吃蛇小游戏实现关卡难度的控制

rsync和inotify实时备份实现_watch rsync-程序员宅基地

文章浏览阅读611次。rsync是一个远程备份工具,用于在本地和远程计算机之间同步和备份文件。它能够实现增量备份,节省了大量时间和带宽。rsync也支持加密传输和备份,这使得它非常适合用于远程备份,同时也可用于本地备份。增量备份:仅备份发生了变化的文件,节省带宽和存储空间。安全:支持加密传输和备份。支持备份到远程服务器。inotify是一个Linux内核特性,用于监控文件系统中的事件。它能够监控文件或目录的创建、删除、修改、移动等事件,通过这些事件触发的钩子,实现实时监控和响应。_watch rsync

车载以太网协议的架构_车载以太网架构-程序员宅基地

文章浏览阅读3.2k次,点赞4次,收藏41次。无论是软件定义汽车,还是分布式ECU抑或是自适应Autosar,都离不开智能汽车时代的基础技术车载以太网,对于硬件工程师来说,车载以太网物理层和交换机是其最关注的芯片,这也是利润率远超过高算力芯片的领域,也是基本上被欧美企业垄断的领域。上图是整个车载以太网的7层OSI模型与标准分布图,我们最常提到的是TSN或EAVB,而物理层标准鲜少有人提及。因为绝大多数工程师都不会和物理层打交道。很多人都在说域控制器、服务导向架构、分布式计算或软件定义汽车,殊不知关键的1G车载以太网物理层芯片在2020年才SOP_车载以太网架构

推荐文章

热门文章

相关标签