HTML新手入门笔记整理：块元素和行内元素
块元素
在HTML中，块元素在浏览器显示状态下独占一行，并且排斥其他元素与其位于一行。一般情况下，块元素内部可以容纳其他块元素和行内元素。
常见块元素
| 块元素 | 说明 |
| h1~h6 | 标题元素 |
| p | 段落元素 |
| div | div元素 |
| hr | 水平线 |
| ol | 有序列表 |
| ul | 无序列表 |
行内元素
在HTML中，行内元素可以与其他行内元素位于同一行，行内元素（标签内部）只可以容纳其他行内元素，不可以容纳块元素。
常见行内元素
| 行内元素 | 说明 |
| strong/b | 粗体元素 |
| em | 斜体元素 |
| a | 超连接 |
| span | 常用于行内元素，结合CSS定义样式 |
相关文章：
HTML新手入门笔记整理：块元素和行内元素
块元素 在HTML中，块元素在浏览器显示状态下独占一行，并且排斥其他元素与其位于一行。一般情况下，块元素内部可以容纳其他块元素和行内元素。 常见块元素 块元素 说明 h1~h6 标题元素 p 段落元素 div div元素 hr 水平线 ol 有序列…...
Hook+jsdom 解决cookie逆向
前言 记录下如何破cookie逆向 目标 目标网址：https://q.10jqka.com.cn/ 目标接口：http://q.10jqka.com.cn/index/index/board/all/field/zdf/order/desc/page/2/ajax/1/ 对抗：cookie反爬虫处理，关键字v，如图 解决步骤 1、JS中关键字查找 如上，我们找到了关键字 v，…...
【封装UI组件库系列】封装Icon图标组件
封装UI组件库系列第三篇封装Icon图标组件 🌟前言 🌟封装Icon 1.创建Icon组件 2.引用svg图标库 第一步 第二步 第三步 3.二次封装 4.封装自定义属性 🌟总结 🌟前言 在前端开发中，大家可能已经用过各种各样的UI组…...
STM32：基本定时器原理和定时程序
一、初识定时器TIM 定时器就是计数器，定时器的作用就是设置一个时间，然后时间到后就会通过中断等方式通知STM32执行某些程序。定时器除了可以实现普通的定时功能，还可以实现捕获脉冲宽度，计算PWM占空比，输出PWM波形&am…...
EntityFramework 批量删除操作
刚刚开始使用Entityframwork 来操作数据库。遇到了批量删除数据。 EF内部用的方法是：dbcontext.Datas.RemoveRange(list); 这总方法，少量数据是可行的。 但遇到大数据量的时候，这个方法完全不能用。 所以找了另一种方法： stri…...
springboot使用的设计模式
设计模式是在软件设计中常用的一些通用解决方案。在开发商城编码时，以下设计模式可能会有用： 工厂模式（Factory Pattern）： 用于创建对象的模式。在商城中，可能会涉及到创建不同类型的商品、订单等对象&…...
IP地址定位技术发展与未来趋势
随着互联网的快速发展，人们对网络的需求和依赖程度越来越高。在海量的网络数据传输中，IP地址定位技术作为网络安全与信息追踪的重要手段，其精准度一直备受关注。近年来，随着技术的不断进步，IP地址定位的精准度得到了显…...
AI与交通运输
人工智能（AI）正在改变几乎所有行业，交通运输也不例外。 虽然与某些行业相比，我们运输货物和乘客的方式在过去 50 年里变化相对较小，但人工智能有望引发一场运输革命—如果你正在寻找人工智能的机会，不要错过…...
window.requestAnimationFrame+localStorage+canvas实现跨窗口小球连线效果
文章目录 前言效果代码后言 前言 hello world欢迎来到前端的新世界 😜当前文章系列专栏：前端系列文章 🐱👓博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。(如果出现错误，感谢大家…...
使用AndResGuard报错：copy res file not in resources.arsc file:Ezi.xml
Android使用AndResGuard进行资源混淆，压缩。 源码地址：GitHub - shwenzhang/AndResGuard: proguard resource for Android by wechat team 集成完成后编译过程中出现如下错误： 14:57:05 copy res file not in resources.arsc file:IUk.xml…...
插入排序（形象类比）
最近在看riscv手册的时候，里面有一段代码是插入排序，但是单看代码的时候有点迷，没看懂咋操作的，后来又查资料复习了一下，最终才把代码看明白，所以写篇博客记录一下。 插入排序像打扑克牌 这是我听到过比较形…...
ElasticSearch 同步的方式
ElasticSearch 同步的方式 ElasticSearch是一款强大的分布式搜索和分析引擎，支持多种方式同步数据和日志。下面介绍几种常见的同步方式： 1. Logstash Logstash 是 ElasticStack 的一部分，用于收集、处理和转发日志和事件数据。通过配置 Lo…...
easyExcel实现分批导入，动态表头分批导出，以及导出表格样式设置
<dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId><version>2.2.6</version></dependency> 一，分批导入 1.首先配置表格头映射类 Getter Setter EqualsAndHashCode public class …...
Android BottomNavigationView底部菜单栏文字显示问题
1. BottomNavigationView 如果tab栏数据小于等于3个，那么图标和文字都是展示出来； 2. BottomNavigationView 如果tab栏数据大于3个，那么图标会显示出来，但是文字会隐藏； 3. 解决方式： （当底部…...
)
从零开始学习typescript——运算符(条件运算法、逻辑运算符、类型运算符、位运算)
条件运算符 条件运算符是一个根据条件返回不同运算结果的运算符 关键字：?: 三元运算符 它可以换成if …else 判断 ? true ： false 判断为true，返回？号后面的，判断为false ,返回： 号后面的 逻辑运算符 用…...
【开源】基于Vue.js的康复中心管理系统
项目编号： S 056 ，文末获取源码。 \color{red}{项目编号：S056，文末获取源码。} 项目编号：S056，文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 普通用户模块2.2 护工模块2.3 管理员…...
抢先看｜第二届世界直播电商大会邀您共话时代“新电商”
党的二十大报告指出，要加快发展数字经济，促进数字经济和实体经济深度融合。要深化国家数字经济创新发展试验区建设，打造一批具有国际竞争力的战略性新兴产业集群和数字产业集群。电子商务作为数字经济中规模最大、表现最活跃、发展势头最好的…...
火爆火爆！影响超250万读者，Python入门圣经全新升级！
人生苦短，快学Python！ 什么？你没用过，也没开始学习，甚至没有认真了解过这门语言？那你一定这一秒就开始发力——下面让我们先简单看看 Python 有多火。权威编程语言排行榜 TIOBE，2022 和 2023 都…...
-hive on mapreduce对比hive on spark)
大数据学习(23)-hive on mapreduce对比hive on spark
&&大数据学习&& 🔥系列专栏： 👑哲学语录: 承认自己的无知，乃是开启智慧的大门 💖如果觉得博主的文章还不错的话，请点赞👍收藏⭐️留言📝支持一下博主哦ᾑ…...
通过这个简单的技巧让我们的 JavaScript 代码变得异常快
通过这个简单的技巧让我们的 JavaScript 代码变得异常快 秘诀：了解JavaScript 虚拟机(VM)的内部工作原理。 首先，我们来谈谈像 V8 这样的JavaScript 虚拟机(VM)。可以把它想象成我们的操作的大脑 —— 它将我们简洁的代码变成计算机可以理解和执行的东…...
别急着删中文注释！Spring Boot日志配置报错‘1字节UTF-8序列无效’的完整修复指南
从编码乱码到构建可靠：Spring Boot日志配置报错的根治方案 当你在一个风和日丽的早晨打开IDE准备继续昨天的开发工作时，突然发现原本运行良好的Spring Boot项目抛出了一个令人困惑的错误："Could not initialize Logback logging from cl…...
)
计算机毕业设计Python+PyTorch恶意流量检测系统 信息安全 网络安全(源码+LW+PPT+讲解)
温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 技术范围：Sprin…...
Flutter WebView 第三方库 内嵌 H5 页面的鸿蒙化适配与实战指南
Flutter WebView 内嵌 H5 页面的鸿蒙化适配与实战指南欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net各位小伙伴们好呀！👋 我是那个上海某高校的大一计算机学生，继续来给大家分享 Flutter for OpenHarmon…...
applera1n激活锁绕过完整解决方案：三步搞定iOS 15-16.6设备解锁
applera1n激活锁绕过完整解决方案：三步搞定iOS 15-16.6设备解锁 【免费下载链接】applera1n icloud bypass for ios 15-16 项目地址: https://gitcode.com/gh_mirrors/ap/applera1n 面对二手iPhone的激活锁问题，你是否感到束手无策？ap…...
本地LLM智能搜索聚合器：构建私有化AI搜索工具
1. 项目概述：一个完全本地的、由LLM驱动的智能搜索聚合器 如果你和我一样，对当前主流搜索引擎和AI助手的“信息过滤”感到不安，或者单纯想拥有一个完全私密、不受任何外部API限制的自主信息检索工具，那么LLocalSearch这个项目绝对…...
从公式到代码：手把手推导STM32舵机控制PWM的占空比计算（附两种角度表示法）
从公式到代码：手把手推导STM32舵机控制PWM的占空比计算（附两种角度表示法） 第一次接触舵机控制时，看到代码里那些神秘的"(角度135)/9"或"角度*20/1805"公式，你是否也感到一头雾水？这些…...
智能合约安全实践指南：从漏洞防御到全流程开发
1. 项目概述与核心价值最近在整理内部安全审计的文档时，我翻出了几年前参与的一个大型DeFi项目安全评估的笔记。当时，项目方在合约上线前，我们团队花了近一个月的时间进行“黑盒白盒”的渗透测试，最终发现了几个非常隐蔽的逻辑漏洞…...
PyTorch光流实战：从双向光流、遮挡掩码到一致性检查的完整流程解析
1. 光流基础与PyTorch环境搭建 光流估计是计算机视觉中的经典问题，简单来说就是计算视频中相邻两帧之间每个像素的运动矢量。想象一下你在看一群蚂蚁搬家，光流就是用来量化每只蚂蚁从上一帧到当前帧移动了多少距离和方向的技术。在PyTorch中实现光流处理…...
如何快速上手Bash3Boilerplate：新手入门完整教程
如何快速上手Bash3Boilerplate：新手入门完整教程 【免费下载链接】bash3boilerplate Templates to write better Bash scripts 项目地址: https://gitcode.com/gh_mirrors/ba/bash3boilerplate Bash3Boilerplate（简称b3bp）是一套实用的…...
WeDLM-7B-Base开源大模型教程：Diffusion LM与AR模型本质差异
WeDLM-7B-Base开源大模型教程：Diffusion LM与AR模型本质差异 1. 认识WeDLM-7B-Base模型 WeDLM-7B-Base是一款基于扩散机制（Diffusion）的70亿参数高性能语言模型。与传统的自回归（AR）模型不同，它采用创新的…...