css3偽元素選擇器和box，CSS和HTML是什么？

CSS稱之為樣式表，HTML為標(biāo)記語(yǔ)言。是前端web開(kāi)發(fā)必須掌握的知識(shí)之二，再就是JavaScript是前端Web開(kāi)發(fā)也必須掌握的編程語(yǔ)言。

我先用一個(gè)網(wǎng)站【千圖網(wǎng)】的源碼分析來(lái)了解CSS、HTML、JavaScript各自的作用

上圖是千圖網(wǎng)首頁(yè)的布局,我先通過(guò)Google Chrome來(lái)調(diào)試看看這個(gè)網(wǎng)站的首頁(yè)（點(diǎn)擊鼠標(biāo)右鍵選擇查看就可以看到如下圖所示）

左邊顯示的是HTML的主要內(nèi)容，右邊顯示的是CSS的內(nèi)容

CSS是什么呢？其作用又是什么？

打開(kāi)昵圖網(wǎng)首頁(yè)，我們可以看到整體布局非常美觀。那如果沒(méi)有CSS會(huì)怎么樣呢？我們可以查看這個(gè)首頁(yè)的的源碼，可以看到是有引用css樣式表文件。

我現(xiàn)在將css引用給刪掉

我們?cè)賮?lái)看下首頁(yè)的效果

通過(guò)以上操作，你應(yīng)該就能明白css的作用是什么了吧?

css的主要作用就是用于網(wǎng)頁(yè)的排版布局和美化，能夠讓我們開(kāi)發(fā)出來(lái)的網(wǎng)頁(yè)更好看

HTML是什么？其作用是什么？

一個(gè)網(wǎng)頁(yè)是有很多個(gè)部件組成的,有文字顯示、有輸入欄、有列表、有圖片、有視頻、有跳轉(zhuǎn)到新的頁(yè)面的鏈接。我還是用上面網(wǎng)站的首頁(yè)結(jié)合檢查功能來(lái)說(shuō)明。

上圖中紅色框標(biāo)出來(lái)了，各種類型的部件。

上圖中左側(cè)顯示了部分的Html的內(nèi)容。更多的html的內(nèi)容，可以到

https://www.w3school.com.cn/index.html

進(jìn)行了解。非常詳細(xì)

HTML標(biāo)記語(yǔ)言的作用就是告訴瀏覽器，在加載的時(shí)候顯示的是什么控件，再結(jié)合css就能夠顯示出非常漂亮美觀的靜態(tài)頁(yè)面了。那如果要做一些動(dòng)態(tài)的頁(yè)面和數(shù)據(jù)交互，就需要用到JavaScript，你在這里沒(méi)有提到這個(gè)問(wèn)題，我就不做具體的說(shuō)明了。可以自行查閱相關(guān)文檔及說(shuō)明！

為什么看了視頻還是看不懂？要如何學(xué)習(xí)？

對(duì)于初學(xué)者來(lái)說(shuō)，其實(shí)我是不在建議直接看視頻來(lái)學(xué)習(xí)。個(gè)人的的建議是前期購(gòu)買(mǎi)專業(yè)的web前端開(kāi)發(fā)書(shū)或者通過(guò)我上面講到的w3school網(wǎng)站進(jìn)行學(xué)習(xí)，將相關(guān)的基礎(chǔ)識(shí)知點(diǎn)完全掌握，并跟著書(shū)上或者網(wǎng)站上的代碼進(jìn)行實(shí)際的敲打一篇或者多篇。一直到腦子里有印象和概念，看到一個(gè)網(wǎng)頁(yè)，能夠知道這個(gè)網(wǎng)頁(yè)的布局是什么樣子的，用到了哪些部件，這個(gè)部件對(duì)應(yīng)的html標(biāo)簽是什么？可能用到了什么樣的css樣式？

只有做了這一步后，你再看視頻教程。更多的是建議看一些項(xiàng)目實(shí)戰(zhàn)的視頻，采取第一次將視頻看完,然后實(shí)際編寫(xiě)一次。如果遇到有不記得的地方，回看視頻的，對(duì)照視頻進(jìn)行編寫(xiě)鞏固。通過(guò)這樣子的方式 不斷的加深記憶以及理解html和css的作用。

多敲代碼、多敲代碼、多敲代碼。編譯運(yùn)行查看實(shí)際效果，反復(fù)的這個(gè)過(guò)程中，我相信你現(xiàn)在提到的這個(gè)問(wèn)題，最終就不是問(wèn)題了。

如你自己本身自學(xué)能力不足，還有一個(gè)建議就是去專門(mén)的IT教育機(jī)構(gòu)進(jìn)行系統(tǒng)的專業(yè)的學(xué)習(xí)。

如果你選擇IT教育機(jī)構(gòu)培訓(xùn)，一定要注意的就是機(jī)構(gòu)的選擇，這里面也有比較多的坑。

我不是專門(mén)的web前端開(kāi)發(fā)，但由于平時(shí)的工作原因，有時(shí)也需要自己寫(xiě)了些web頁(yè)面。可以關(guān)注我私信溝通交流！

html的div中如何讓各元素水平居中？

1/6首先做好布局。一般來(lái)說(shuō)是一個(gè)div嵌套一個(gè)div。并且分別添加class。

2/6接著通過(guò)class設(shè)置基本樣式，包括寬度和高度顏色。

3/6然后就可以看到，最初始的時(shí)候，子元素是在左上角的。

4/6接著給外層的父元素添加一下display:flex和justify-content:center。刷新頁(yè)面然后就能看到子元素水平居中。

5/6然后再設(shè)置給父元素添加align-items:center即可上下垂直居中了。

6/6總結(jié)：父元素設(shè)置display：flex , 然后用justify-content: center;來(lái)讓子元素水平居中，用align-items: center;垂直居中 。

Html如何設(shè)置元素水平居中？

HTM是Hyper Text Mark-up Language的縮寫(xiě)，即超文本標(biāo)記語(yǔ)言（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用），是WWW的描述語(yǔ)言。HTML元素是構(gòu)建網(wǎng)站的基石。HTML允許嵌入圖像與對(duì)象，并且可以用于創(chuàng)建交互式表單，它被用來(lái)結(jié)構(gòu)化信息——例如標(biāo)題、段落和列表等等。

本篇介紹HTML中如何設(shè)置水平居中。

1、第一種定寬塊狀元素水平居中。設(shè)置“左右margin”值為“auto”來(lái)實(shí)現(xiàn)居中。代碼如圖。

2、瀏覽器查看結(jié)果如圖所示。

3、第二種不定寬元素。設(shè)置的居中的元素外面加入一個(gè) table 標(biāo)簽 。為這個(gè) table 設(shè)置左右 margin 居中。代碼如圖。

4、結(jié)果顯示如圖所示。

5、第三種不定寬塊狀元，改變塊級(jí)元素的 display 為 inline 類型，然后使用 text-align:center 來(lái)實(shí)現(xiàn)居中。代碼如圖。

6、打開(kāi)瀏覽器顯示結(jié)果如圖所示。

在css可以獲取元素屬性的是什么？

通常封裝成函數(shù)獲得。