從2020.8.24號包帚，我就正式的步入了前端學(xué)習(xí)若皱，到今天為止，已經(jīng)是為期一個多月的時間了柠辞，這段時間里团秽，我從一個連<div>是啥都不知道到現(xiàn)在能寫出一個完整的靜態(tài)頁面（動畫也會點），有點感嘆钾腺，所以這第一篇博客就寫點我第一階段的知識點總結(jié)吧
一徙垫、標(biāo)簽分類
1.塊級標(biāo)簽（獨占一行，可指定寬高）：<div>放棒、<p>姻报、<h1>、<h6>间螟、<ol>吴旋、<ul>、<dl>厢破、<table>荣瑟、<address>、<blockquote>摩泪、
2.內(nèi)聯(lián)標(biāo)簽（標(biāo)簽在一行內(nèi)笆焰，寬度與高度由內(nèi)容決定，只有在內(nèi)容超過HTML的寬度時见坑，才會換行）：<a>嚷掠、<span>、<i>荞驴、<em>不皆、<strong>、<label>熊楼、<q>霹娄、<var>、<cite>、
3.內(nèi)聯(lián)塊狀元素（inline-block犬耻，同時具備以上兩種特性：
不會自動換行
能夠設(shè)置寬高
默認(rèn)排列方式為從左到右
）：<img>踩晶、
原文鏈接：https://m.html.cn/qa/html5/13389.html
二、css3選擇器
1.屬性選擇器枕磁，例id屬性可以將不同div元素進行區(qū)分
2.結(jié)構(gòu)性偽類選擇器
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”是其參數(shù)峭咒，而且可以是整數(shù)值(1,2,3,4)税弃，也可以是表達式(2n+1、-n+5)和關(guān)鍵詞(odd凑队、even)则果，但參數(shù)n的起始值始終是1，而不是0漩氨。也就是說西壮，參數(shù)n的值為0時，選擇器將選擇不到任何匹配的元素叫惊。
3.only-child選擇器：選擇器選擇的是父元素中只有一個子元素款青，而且只有唯一的一個子元素。也就是說霍狰，匹配的元素的父元素中僅有一個子元素抡草，而且是一個唯一的子元素。
4.::before和::after：這兩個主要用來給元素的前面或后面插入內(nèi)容蔗坯，這兩個常和”content”配合使用康震，使用的場景最多的就是清除浮動。
原文鏈接：https://blog.csdn.net/weixin_42568381/article/details/81738566
三宾濒、浮動和BFC
浮動和BFC是我最薄弱的地方腿短，雖然知道浮動會導(dǎo)致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——元素框從文檔流完全刪除，并相對于其包含塊定位谚咬。包含塊可能是文檔中的另一個元素或者是初始包含塊鹦付。元素原先在正常文檔流中所占的空間會關(guān)閉尚粘，就好像元素原來不存在一樣择卦。元素定位后生成一個塊級框，而不論原來它在正常流中生成何種類型的框。
相對定位：relative——元素框偏移某個距離秉继。元素仍保持其未定位前的形狀祈噪，它原本所占的空間仍保留。
固定定位：fixed——元素框的表現(xiàn)類似于將 position 設(shè)置為 absolute尚辑，不過其包含塊是視窗本身辑鲤。
ok 本次寫作就到這里啦~下次見
