从2020.8.24号，我就正式的步入了前端学习，到今天为止，已经是为期一个多月的时间了，这段时间里，我从一个连<div>是啥都不知道到现在能写出一个完整的静态页面（动画也会点），有点感叹，所以这第一篇博客就写点我第一阶段的知识点总结吧
一、标签分类
1.块级标签（独占一行，可指定宽高）：<div>、<p>、<h1>、<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、
2.内联标签（标签在一行内，宽度与高度由内容决定，只有在内容超过HTML的宽度时，才会换行）：<a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、
3.内联块状元素（inline-block，同时具备以上两种特性：
不会自动换行
能够设置宽高
默认排列方式为从左到右
）：<img>、
原文链接：https://m.html.cn/qa/html5/13389.html
二、css3选择器
1.属性选择器，例id属性可以将不同div元素进行区分
2.结构性伪类选择器
2.1——‘：root’——：root{background:orange}=html{background:orange;}
2.2——‘：not’——input:not([type="submit"]){border:1px solid red; }
2.3——‘：empty’——p:empty { display: none; }
2.4——‘first（last）-child’——选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子（最后一个）元素，记住是子元素，而不是后代元素。
2.5——‘nth-child(n)’——选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。
3.only-child选择器：选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。
4.::before和::after：这两个主要用来给元素的前面或后面插入内容，这两个常和”content”配合使用，使用的场景最多的就是清除浮动。
原文链接：https://blog.csdn.net/weixin_42568381/article/details/81738566
三、浮动和BFC
浮动和BFC是我最薄弱的地方，虽然知道浮动会导致margin塌陷等问题，但还是有点不是很懂，只知道BFC是清除浮动的方法（解决margin塌陷的方法）前提条件是
float为left|right
overflow为hidden|auto|scroll
display为table-cell|table-caption|inline-block
position为absolute|fixed
解决办法是
clear：both
overflow：hidden
.clear:after{ clear:both; content:''; display: block; height: 0; visibility: hidden; }
原文链接：http://blog.cgsdream.org/2015/05/17/css-float-bfc/
四、定位
绝对定位：absolute——元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
相对定位：relative——元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。
固定定位：fixed——元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。
ok 本次写作就到这里啦~下次见
