html怎么制作左边一个盒子,右边一个盒子

我当时就在搞这个事情。
我记得那是2 01 8 年，我刚刚开始学习前端，并用我的技能创建了一个HTML页面。

我们先来说说这两个盒子。
使用
标签创建两个框。
一个称为 box1 ，另一个称为 box2
框 1
方框 2

然后我学会了向它们添加 view:inline-block 。
这个东西当时是全新的，它让我的页面看起来很奇怪，而且盒子挤在一起。
我当时使用的是Chrome浏览器，打开后看到Box 1 和Box 2 靠得很近，就像两个兄弟姐妹互相拥抱取暖。

然后我的头脑变得兴奋，我给它们添加了 float:left 。
现在一切都好了，盒子已经向左漂移了，我觉得看起来还不错。
但后来我发现，箱子浮起来后，下面的东西全都压在了箱子上。
当时这是一个公司项目。
老板看着我，皱起了眉头：“搞什么？”
最后，我学会了一种更聪明的态度，并补充道：绝对。
我记得 top:1 0px;左：1 0 像素；设置为box1 ，top：5 0px；左：5 0 像素；它被设置为box2 现在，无论您如何更改页面，这两个框都固定在那里。
当时我正在使用VS Code来写代码。
添加定位属性后，我刷新了页面。
你好，box1 和box2 像钉子一样固定在屏幕上。

不过，这个对象后来使用得较少了。
现在创建页面时，我通常使用 Flexbox 或 Grid，这样就简单多了。
这种绝对模式有时确实很烦人，尤其是在调试时。
2 01 9 年的一次，我编辑了两个小时，但是因为z索引不正确，所以页面变得一团糟。

所以，你看，我当时掉入的陷阱现在想起来还是挺有趣的。
但说实话，这完全是正确的。
如果现在可以使用，请使用 Flexbox。
这很简单。

html里面给盒子或者文字添加投影代码该怎么写

此 HTML5 文本阴影使用正确。
简单来说，text-shadow就是给文本添加阴影效果。
1 .在不模糊结果的情况下，这样写： CSS 文本（文本阴影：2 px 2 px 0 橙色；} 这里“2 px 2 px”代表阴影的水平和垂直偏移，“0px”代表阴影的模糊半径。
如果设置为 0，则不会有模糊效果，只有阴影。
2 、如果想让阴影模糊，则模糊半径要设置大一些，例如： CSS text1 ( 文本阴影 : 2 px 2 px 5 px 橙色 ; } 这里“5 像素”是模糊半径。
数字越高，阴影越暗。
3 . 如果您想要阴影堆叠，请向同一元素添加多个阴影，并用逗号分隔，如下所示。
CSS text2 ( 文本阴影 : 2 px 2 px 5 px 橙色 , -2 px 2 px 5 px 绿色 ; } 这里添加了两种色调，一种是橙色和绿色，并且它们重叠。

您可以将这些代码行添加到 HTML 中，然后您将看到结果。
你自己看看结果，如果有任何问题就问我。

html怎么把一个盒子放在另一个盒子中间

天啊，我刚学网页的时候就这么做了。
伟大的。
我们将引导您完成整个过程，以确保您脚踏实地。

对于你提到的步骤，我使用的是Windows 1 0，浏览器是Chrome，我最初使用的编辑器是Notepad++，它非常易于使用并且免费。

1 .打开Notepad++，点击“文件”->“新建”，然后保存，将文件名写入索引，保存类型选择“所有文件”，不要选择.txt。
否则，以后可能会出现问题。
我每次都正确执行这些步骤，没有任何错误。

2 然后将我们提供的代码（
）复制到白色文本框中。

在看着屏幕时一次键入或复制并粘贴一个字符非常慢。
当时没有键盘宏，所以感觉很慢。
看这段代码：外面有一个大盒子，里面有一个小盒子。
位置：绝对位置：绝对位置。
顶部：1 9 px；左：4 9 px；我盲目测试了这两个数字。
较小的盒子只需感觉它位于较大盒子的中心即可。
你给top的数字：1 9 px；左：4 9 px；很多时候它可以完成工作，但不能保证每次都是准确的。
这取决于大盒子的大小。

3 最后一步是保存索引后。
双击该文件。
系统会询问您使用哪个软件来打开该文件。
点击“选择其他应用程序”，找到已安装的 Chrome 或 Edge，选择“始终使用此应用程序打开 . 文件”，然后点击“确定”。
或者双击查看您的系统默认使用的内容。

当我打开它时，啊！ 작은 파란색 상자і 들어 있는 커다란 파란색 상자і 작은 상자 중앙에 있습니다。
아름답다고 느꼈어요！ 웹페 Been있을 것 같아요。

但是，您提到的 style="..." 样式仍然被一些人使用。
后来在学习Vue的时候，老师教我使用单独的CSS文件，将所有样式都写在外部，让代码干净，易于管理。
请注意，使用 style.css 来显示样式。
CSS .box { 边框：1 px 纯蓝色； 位置：相对； 宽度：2 00px； 高度：8 0像素； }
.inner-box { 边框：1 px 纯蓝色； 位置：绝对； 顶部：1 9 像素； 左：4 9 像素； 宽度：1 00px； 高度：4 0px； }
그런 다음 색인에서 oodle CSS 파일을 참조하세요.:

<head> <link rel="stylesheet" type="text/css" href="style.css"> </头> <文字>
</正文> </>
렇게 하면 구조와 스타일 Been 분리되어 나중에 수정하기і 더 쉽습니다。
Notepad++ 是一款功能强大的 Notepad++ 工具，它可以帮助您轻松地使用 Notepad++。

请尝试执行以下步骤：질문ei 있으시면 언제든지 저에게 문의해 주세요。
这并不难。
请注意，请注意以下事项：
标签： HTML CSS