web前端學習什麼是css盒子模型？ 在網頁中，一個元素佔有空間的大小由幾個部分構成，其中包括元素的內容（content），元素的內邊距（padding），元素的邊框（border），元素的外邊距（margin）四個部分。這四個部分佔有的空間中，有的部分可以顯示相應的內容，而有的部分只用來分隔相鄰的區域或區域。4個部分一起構成了css中元素的盒模型。盒模型是css布局的基石，它規定了網頁元素如何顯示以及元素間相互關係。css定義所有的元素都可以擁有像盒子一樣的外形和平面空間.
盒子模型分為ie盒子模型和w3c盒子模型，ie的盒子模型包括（margin(外邊距)，padding(內邊距)，邊框(border）,內容(content) (ie的width=content+padding+borde) ）;w3c的盒子模型包括（margin(外邊距)，padding(內邊距)，邊框(border）,內容(content) w3c的width=content）
css3的選擇器有哪幾種？：*通用選擇器，ID選擇器 ，.類選擇器class，標籤選擇器，標籤組合選擇器，偽類選擇器：，+相鄰元素選擇器，>子元素選擇器，~同輩選擇器，
x[title]屬性選擇器[type="button"]，
x[href^="http"]匹配以href值為http打頭的地址，
x[href$=".jpg"]匹配所有的圖片連結，
input[type=checkbox]:checked{};選擇checkbox為當前選中的那個標籤。
偽類選擇器：
p:empty 選擇沒有子元素的每個 <p> 元素（包括文本節點）。
:first-child 第一個
:last-child 最後一個
:nth-child(11) 1--11個
x:first/x:after 在x選擇器之前或者之後插入內容
偽元素選擇器
::before ，::after 通過 css 模擬出來html標籤的效果
歡迎大家在評論區評論留言，小編會及時給大家解答疑惑的