
HTML与CSS
文章平均质量分 73
ym-13140912
Everything is possible.Never say forever.
展开
-
Flex布局
前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、Flex布局的介绍Flex布局(Flexible布局,弹性布局)目前特别在移动端用的最多,目前PC端也使用越来越多了。将一个元素设置为display:flex;flex元素会变成一个flex容器。两个重要的概念:开启了Flex布局的元素叫做flex container,即Fle原创 2022-05-09 23:37:29 · 10818 阅读 · 0 评论 -
CSS的子元素水平垂直居中
前言水平垂直居中是CSS布局中经常会遇到的一个场景。不同的元素的水平或者垂直居中的策略也是不一样的。一、水平居中子元素的水平居中:普通元素、行内元素、inline-box元素:在父元素中设置text-align:center。块级元素(宽度确定):在块级元素自身设置margin: 0 auto,也就是设置margin-left:auto; margin-right:auto;就可以实现了。不用在父元素上设置。1.普通元素 <style> .box {原创 2022-04-06 22:57:39 · 1177 阅读 · 2 评论 -
SessionStorage和LocalStorage
一、本地存储是什么?它分为两个部分:SessionStorage和localStorage。数据存储在用户浏览器中;设置、读取方便、甚至页面刷新不丢失数据;容量较大,约5M。只能存储字符串,可以将对象JSON.stringify()编码后存储。二、SessionStorage1.介绍它可以将数据存储到浏览器中。可以通过F12找到Application中的SessionStorage查看哪些数据被存储进来了。① 声明周期为关闭浏览器窗口;(关闭浏览器窗口就没有了)② 在同一个窗口(页面原创 2022-04-04 21:54:27 · 3188 阅读 · 0 评论