ShawLee0925的博客

【代码】03.HTML基本语法。

1.相对定位1.相对定位。

HTML负责网页的结构，全称为Hyper Text Makeup Language(超文本标记语言)。在实际开发中使用其他的纯文本编辑器来编写代码，如notepad++,但通常采用更加智能的开发工具来编写代码。IDE(VS code,Webstorm等等)

首先为了高度塌陷问题，是css样式设置中，子元素出现了浮动，那么创建一下相邻的兄弟元素box3，用来占位，消除浮动对box3产生的影响，则Box3的高度不变，那么用来box2和box3的box1的高度就不会发生改变。但是，由于CSS用来决定网页表现，html决定网页结构，这样做就相当于用HTML来解决CSS问题，会出现耦合问题，很不理想。这里通常会加如一个特殊的类.clearfix，即谁塌陷了，就归入 clearfix中，然后用clearfix去解决高度塌陷。这次利用clearfix来解决高度塌陷。

CSS选择器

网页的结构，网页中的那里是标题，图片，链接等等.....网页的外在样式，例如网页的颜色，网页的布局....通过JavaScript来负责网页的行为。通过HTML语言来定义网页的结构。通过CSS语言来定义网页的表现。网页和用户的交互行为。

弹性盒是CSS3中新添加的一种布局方式，通过它可以更加方便的完成对网页的布局。通过弹性盒模型，可以便捷完成网页中的各种布局。

box1没有指定宽高，由于其是文档流中的块元素，所以宽度默认是父元素的全部,即的全部，其高度由内部子元素的高度决定,所以box1内部的box2多高，就决定了box1多高。但是我们发现，这里虽然box1的高度可以有box2的高度变化而变化，但是box1,box2都浮动，后续不浮动的box3自动补位上移，也会影响之后不浮动的元素。通过包含块也浮动，可以使得包含块的高度由浮动的子元素的高度决定。开启BFC的方法：（任何开启bfc的方法都有其副作用）

css浮动——float特点