css選擇器和做網(wǎng)頁的思路，CSS和HTML是什么？
CSS稱之為樣式表，HTML為標(biāo)記語言。是前端web開發(fā)必須掌握的知識之二，再就是JavaScript是前端Web開發(fā)也必須掌握的編程語言。
我先用一個(gè)網(wǎng)站【千圖網(wǎng)】的源碼分析來了解CSS、HTML、JavaScript各自的作用上圖是千圖網(wǎng)首頁的布局,我先通過Google Chrome來調(diào)試看看這個(gè)網(wǎng)站的首頁（點(diǎn)擊鼠標(biāo)右鍵選擇查看就可以看到如下圖所示）
左邊顯示的是HTML的主要內(nèi)容，右邊顯示的是CSS的內(nèi)容
CSS是什么呢？其作用又是什么？打開昵圖網(wǎng)首頁，我們可以看到整體布局非常美觀。那如果沒有CSS會(huì)怎么樣呢？我們可以查看這個(gè)首頁的的源碼，可以看到是有引用css樣式表文件。
我現(xiàn)在將css引用給刪掉
我們再來看下首頁的效果
通過以上操作，你應(yīng)該就能明白css的作用是什么了吧?
css的主要作用就是用于網(wǎng)頁的排版布局和美化，能夠讓我們開發(fā)出來的網(wǎng)頁更好看
HTML是什么？其作用是什么？一個(gè)網(wǎng)頁是有很多個(gè)部件組成的,有文字顯示、有輸入欄、有列表、有圖片、有視頻、有跳轉(zhuǎn)到新的頁面的鏈接。我還是用上面網(wǎng)站的首頁結(jié)合檢查功能來說明。
上圖中紅色框標(biāo)出來了，各種類型的部件。
上圖中左側(cè)顯示了部分的Html的內(nèi)容。更多的html的內(nèi)容，可以到
https://www.w3school.com.cn/index.html
進(jìn)行了解。非常詳細(xì)HTML標(biāo)記語言的作用就是告訴瀏覽器，在加載的時(shí)候顯示的是什么控件，再結(jié)合css就能夠顯示出非常漂亮美觀的靜態(tài)頁面了。那如果要做一些動(dòng)態(tài)的頁面和數(shù)據(jù)交互，就需要用到JavaScript，你在這里沒有提到這個(gè)問題，我就不做具體的說明了。可以自行查閱相關(guān)文檔及說明！
為什么看了視頻還是看不懂？要如何學(xué)習(xí)？對于初學(xué)者來說，其實(shí)我是不在建議直接看視頻來學(xué)習(xí)。個(gè)人的的建議是前期購買專業(yè)的web前端開發(fā)書或者通過我上面講到的w3school網(wǎng)站進(jìn)行學(xué)習(xí)，將相關(guān)的基礎(chǔ)識知點(diǎn)完全掌握，并跟著書上或者網(wǎng)站上的代碼進(jìn)行實(shí)際的敲打一篇或者多篇。一直到腦子里有印象和概念，看到一個(gè)網(wǎng)頁，能夠知道這個(gè)網(wǎng)頁的布局是什么樣子的，用到了哪些部件，這個(gè)部件對應(yīng)的html標(biāo)簽是什么？可能用到了什么樣的css樣式？
只有做了這一步后，你再看視頻教程。更多的是建議看一些項(xiàng)目實(shí)戰(zhàn)的視頻，采取第一次將視頻看完,然后實(shí)際編寫一次。如果遇到有不記得的地方，回看視頻的，對照視頻進(jìn)行編寫鞏固。通過這樣子的方式 不斷的加深記憶以及理解html和css的作用。
多敲代碼、多敲代碼、多敲代碼。編譯運(yùn)行查看實(shí)際效果，反復(fù)的這個(gè)過程中，我相信你現(xiàn)在提到的這個(gè)問題，最終就不是問題了。
如你自己本身自學(xué)能力不足，還有一個(gè)建議就是去專門的IT教育機(jī)構(gòu)進(jìn)行系統(tǒng)的專業(yè)的學(xué)習(xí)。如果你選擇IT教育機(jī)構(gòu)培訓(xùn)，一定要注意的就是機(jī)構(gòu)的選擇，這里面也有比較多的坑。
我不是專門的web前端開發(fā)，但由于平時(shí)的工作原因，有時(shí)也需要自己寫了些web頁面。可以關(guān)注我私信溝通交流！
css由哪幾部分組成？
css是英文Cascading Style Sheets的縮寫。
它是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。
CSS格式設(shè)置規(guī)則由選擇器和聲明兩部分組成，其中選擇器是標(biāo)識格式元素的術(shù)語（如p、h1、類名或id），聲明用于定義元素樣式。
CSS的主要優(yōu)點(diǎn)是提供了便利的更新功能。設(shè)計(jì)網(wǎng)站時(shí)，可以創(chuàng)建一個(gè)CSS樣式表文件，然后將網(wǎng)站中的所有網(wǎng)頁都連接到該樣式表文件，這樣很容易為Web站點(diǎn)內(nèi)的所有網(wǎng)頁提供一致的外觀和風(fēng)格。當(dāng)更新某一樣式屬性時(shí)，使用該樣式的所有網(wǎng)頁的格式都會(huì)自動(dòng)更新為新樣式，而不必逐頁進(jìn)行修改。
css中focus的用法？
在css中，focus的意思是“焦點(diǎn)”，是一種偽類選擇器，作用是選取獲得焦點(diǎn)的元素；通過“:focus”選擇器可以對獲取焦點(diǎn)的元素設(shè)置樣式，語法為“元素:focus{css樣式代碼;}”。
在css中，focus是焦點(diǎn)的意思，通常表示的是“:focus”選擇器，“:focus”選擇器用于選取獲得焦點(diǎn)的元素。接收鍵盤事件或其他用戶輸入的元素都允許 :focus 選擇器。
css專業(yè)人士都是怎么給網(wǎng)站寫css？
那當(dāng)然是經(jīng)驗(yàn)比較豐富的前端用的那些方案啦，首先是要有自己的一套，比如頁面布局，涉及到div的各種定位，雖然有很多種寫法都能還原成效果圖的樣子，但是優(yōu)秀的前端會(huì)用自己熟悉那一兩種方案，比如垂直居中。另外要熟悉各種第三方的組件庫，可以大大節(jié)省時(shí)間精力，代碼也更規(guī)范。響應(yīng)式布局也是必須的，寫一套代碼就要考慮到所有尺寸的屏幕。less，sass等擴(kuò)展也要了解。當(dāng)然，代碼提示豐富的編輯器也很重要，我一直用hbuilder，還不錯(cuò)，我一個(gè)后端都在用這個(gè)。