css3偽元素選擇器和box，CSS和HTML是什么？
CSS稱之為樣式表，HTML為標記語言。是前端web開發必須掌握的知識之二，再就是JavaScript是前端Web開發也必須掌握的編程語言。
我先用一個網站【千圖網】的源碼分析來了解CSS、HTML、JavaScript各自的作用上圖是千圖網首頁的布局,我先通過Google Chrome來調試看看這個網站的首頁（點擊鼠標右鍵選擇查看就可以看到如下圖所示）
左邊顯示的是HTML的主要內容，右邊顯示的是CSS的內容
CSS是什么呢？其作用又是什么？打開昵圖網首頁，我們可以看到整體布局非常美觀。那如果沒有CSS會怎么樣呢？我們可以查看這個首頁的的源碼，可以看到是有引用css樣式表文件。
我現在將css引用給刪掉
我們再來看下首頁的效果
通過以上操作，你應該就能明白css的作用是什么了吧?
css的主要作用就是用于網頁的排版布局和美化，能夠讓我們開發出來的網頁更好看
HTML是什么？其作用是什么？一個網頁是有很多個部件組成的,有文字顯示、有輸入欄、有列表、有圖片、有視頻、有跳轉到新的頁面的鏈接。我還是用上面網站的首頁結合檢查功能來說明。
上圖中紅色框標出來了，各種類型的部件。
上圖中左側顯示了部分的Html的內容。更多的html的內容，可以到
https://www.w3school.com.cn/index.html
進行了解。非常詳細HTML標記語言的作用就是告訴瀏覽器，在加載的時候顯示的是什么控件，再結合css就能夠顯示出非常漂亮美觀的靜態頁面了。那如果要做一些動態的頁面和數據交互，就需要用到JavaScript，你在這里沒有提到這個問題，我就不做具體的說明了。可以自行查閱相關文檔及說明！
為什么看了視頻還是看不懂？要如何學習？對于初學者來說，其實我是不在建議直接看視頻來學習。個人的的建議是前期購買專業的web前端開發書或者通過我上面講到的w3school網站進行學習，將相關的基礎識知點完全掌握，并跟著書上或者網站上的代碼進行實際的敲打一篇或者多篇。一直到腦子里有印象和概念，看到一個網頁，能夠知道這個網頁的布局是什么樣子的，用到了哪些部件，這個部件對應的html標簽是什么？可能用到了什么樣的css樣式？
只有做了這一步后，你再看視頻教程。更多的是建議看一些項目實戰的視頻，采取第一次將視頻看完,然后實際編寫一次。如果遇到有不記得的地方，回看視頻的，對照視頻進行編寫鞏固。通過這樣子的方式 不斷的加深記憶以及理解html和css的作用。
多敲代碼、多敲代碼、多敲代碼。編譯運行查看實際效果，反復的這個過程中，我相信你現在提到的這個問題，最終就不是問題了。
如你自己本身自學能力不足，還有一個建議就是去專門的IT教育機構進行系統的專業的學習。如果你選擇IT教育機構培訓，一定要注意的就是機構的選擇，這里面也有比較多的坑。
我不是專門的web前端開發，但由于平時的工作原因，有時也需要自己寫了些web頁面。可以關注我私信溝通交流！
html的div中如何讓各元素水平居中？
1/6首先做好布局。一般來說是一個div嵌套一個div。并且分別添加class。
2/6接著通過class設置基本樣式，包括寬度和高度顏色。
3/6然后就可以看到，最初始的時候，子元素是在左上角的。
4/6接著給外層的父元素添加一下display:flex和justify-content:center。刷新頁面然后就能看到子元素水平居中。
5/6然后再設置給父元素添加align-items:center即可上下垂直居中了。
6/6總結：父元素設置display：flex , 然后用justify-content: center;來讓子元素水平居中，用align-items: center;垂直居中 。
Html如何設置元素水平居中？
HTM是Hyper Text Mark-up Language的縮寫，即超文本標記語言（標準通用標記語言下的一個應用），是WWW的描述語言。HTML元素是構建網站的基石。HTML允許嵌入圖像與對象，并且可以用于創建交互式表單，它被用來結構化信息——例如標題、段落和列表等等。
本篇介紹HTML中如何設置水平居中。
1、第一種定寬塊狀元素水平居中。設置“左右margin”值為“auto”來實現居中。代碼如圖。
2、瀏覽器查看結果如圖所示。
3、第二種不定寬元素。設置的居中的元素外面加入一個 table 標簽 。為這個 table 設置左右 margin 居中。代碼如圖。
4、結果顯示如圖所示。
5、第三種不定寬塊狀元，改變塊級元素的 display 為 inline 類型，然后使用 text-align:center 來實現居中。代碼如圖。
6、打開瀏覽器顯示結果如圖所示。
在css可以獲取元素屬性的是什么？
通常封裝成函數獲得。