个人技术分享

移动端适配和响应式页面中的常用单位

百分比单位是相对于父元素的大小计算的。它可以用于设置宽度、高度、字体大小等属性，使得元素能够随着父元素的大小自动调整。单位也可以用于移动端适配和响应式页面，但由于它是相对于当前元素的字体大小计算的，这可能导致嵌套元素的大小计算变得复杂。这样，当我们需要调整整个页面的大小时，只需修改根元素的字体大小即可。）的字体大小计算的。在实际项目中，我们通常会根据不同的需求和场景，灵活地使用这些单位来实现移动端适配和响应式页面。视口单位在移动端适配和响应式页面中非常实用，因为它们能够使元素随着视口大小自动调整。

CSS - 元素竖向百分比的基准值是什么？

例如有一个外层DIV元素，设定width为500px，height为300px。然后在其内部添加一个DIV元素，这个时候，内部的DIV元素，如果设定height margin-top padding-top 百分比之后，他们的百分比基准值是什么呢？宽 OR 高 ？比如我们子DIV元素，height设定为30%的话，看一下效果：结论：可以看出，子DIV元素，宽度设定百分比，基准值就是父元素的宽度，高度设定百分比，基准值就是父元素的高度。

HTML5的标签（文本链接、图片路径详解）

在HTML 5中，可以使用相对路径或绝对路径来定义图片路径。以下是关于这两种路径的详细解释：1. 相对路径：相对路径是相对于当前HTML文件的路径。相对路径可以分为以下几种类型：- 相对于当前文件路径： 当图片文件和HTML文件在同一目录下时，可以直接写图片文件名作为路径。 例如：\- 相对于当前文件的父目录路径： 当图片文件在当前HTML文件的父目录中时，可以使用"../"来向上一级目录。 例如：\

HTML 页面布局

如果只需要设置某一个方位的边框、内边距、外边距，可以在属性名后加上-位置，如:padding-top、padding-left、padding-right .组成:内容(content)、内边距(padding)、边框(border)、外边距(margin)border:设置边框的属性，如:1px solid #000;，由盒子将页面中的元素包含在一个矩形区域内，通过盒子的视角更方便的进行页面布局。② 宽度默认是父元素的宽度，高度默认由内容撑开。页面中所有的元素(标签)，都可以看做是一个。

【前端每日基础】day35——HTML5离线存储

LocalStorage和SessionStorage适用于简单的键值对存储，IndexedDB适用于复杂的数据存储和查询，Service Workers则提供了强大的缓存和后台处理能力。HTML5引入了一些新的特性和API来增强Web应用的功能，其中之一就是离线存储。Web SQL是一种基于SQL的数据库API，最初由WebKit项目提出，但目前已被废弃，不推荐在新项目中使用。概述：SessionStorage用于临时存储数据，数据仅在当前会话存在，关闭页面或浏览器后数据消失。在HTML中引用缓存清单。

HTML 页面布局

如果只需要设置某一个方位的边框、内边距、外边距，可以在属性名后加上-位置，如:padding-top、padding-left、padding-right .组成:内容(content)、内边距(padding)、边框(border)、外边距(margin)border:设置边框的属性，如:1px solid #000;，由盒子将页面中的元素包含在一个矩形区域内，通过盒子的视角更方便的进行页面布局。② 宽度默认是父元素的宽度，高度默认由内容撑开。页面中所有的元素(标签)，都可以看做是一个。