2024年10月24日
之前在项目的过程中遇到了一个问题，某个 div 希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下 CSS 相关资料，解决了这个问题的同时，也学习了很多知识，特此和大家分享一下。
屏幕是一个二维平面，然而 HTML 元素却是排列在三维坐标系中， x 为水平方向， y 为垂直方向， z为屏幕由内向外方向，我们在看屏幕的时候是沿着 z 轴方向从外向内的。由此，元素在用户视角就形成了层叠的关系，某个元素可能覆盖了其他元素也可能被其他元素覆盖；
2024年10月24日
点击右上方红色按钮关注“web秀”，让你真正秀起来
大家都知道，对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。
对于性能优化我们常常在项目完成时才去考虑，经常在项目的末期，性能问题才会暴露出来，此时才进行一些相关的性能优化。
其实，如果我们从一开始编码，就注意一些细节问题，后面的工作量会小很多，下面我们来看看在书写CSS时，我们可以注意哪些细节，从而来提升CSS处理性能。
2024年10月24日
好多程序员朋友，在用CSS进行边距调整时，老分不清楚外边距margin和内边距padding的区别，在我部门，就有两个迷糊虫。于是我上网找了一幅图，一副不可描述的图(你可不要想歪了)，他们一看就完全明白了，现在分享给你。
在什么场景中使用padding，在什么场景中使用margin，这是一个学问。你掌握了，学问就有了。
这是用padding的学问
2024年10月24日
本文概要
本文将介绍如下几种常见的布局：
一、单列布局
常见的单列布局有两种：
1.如何实现
对于第一种，先通过对 header,content,footer 统一设置 width：1000px;或者 max-width：1000px(这两者的区别是当屏幕小于 1000px 时，前者会出现滚动条，后者则不会，显示出实际宽度);然后设置 margin:auto 实现居中即可得到。
2024年10月24日
哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！
志同道合的小伙伴跟我一起学习交流哦！
因为在今日头条的编辑中“<”和“>”中的内容都会被识别为代码，显示不出来内容，所以，在文本中会省略“<”和“>”，图片中的“<”和“>”不会省略。
2024年10月24日
CSS 有三种基本的定位机制：普通流、浮动和绝对定位。
在CSS中一共有N种定位方式，其中，static ,relative,absolute三种方式是最基本最常用的三种定位方式。position取值:
static 默认定位方式
relative 相对定位。相对于原来的位置，但是原来的位置仍然保留。理解为棋盘上棋子的排列：
棋子从左往右排列，达到边缘时移到下一行。棋子排列方式是由display决定。样式属性display的值为block的元素自动放在下一行(默认)，而为inline的元素自动放在同一行，位于前一个元素后面。对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置
2024年10月24日
div中的内容居中显示，包括水平和垂直2个方向。
<html>
<head>
<style type="text/css">
.box{
height:400px;
width:600px;
background-color: #f2dede;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
</style>
</head>
<body>
<div class="box">
<div style="background-color: #00a4e6">居中</div>
<div style="background-color: #00b33c">居中</div>
</div>
</body>
</html>2024年10月24日
QTextEdit是一个用于编辑和显示纯文本和富文本(如HTML文档)的部件，它支持多行文本， 可现实和编辑多行文本内容， QTextEdit可以显示图像，列表和表格。当文本内容超出显示范围的时候，会自动显示水平和(或)垂直滚动条。
QTextEdit中的常用方法：