摘要:平時(shí)寫頁(yè)面代碼,給添加一些樣式時(shí),我們可以用谷歌瀏覽器的開(kāi)發(fā)者工具進(jìn)行調(diào)試。
平時(shí)寫頁(yè)面代碼,給DOM添加一些css樣式時(shí),我們可以用谷歌瀏覽器的開(kāi)發(fā)者工具進(jìn)行調(diào)試。如下圖這樣:
出現(xiàn)的效果是這樣的:
相應(yīng)的按F12打開(kāi)Chrome的開(kāi)發(fā)者工具,可以看到相應(yīng)的樣式:
那么關(guān)鍵的問(wèn)題來(lái)了,我想看:hover樣式哪里去了?接下來(lái)找到并點(diǎn)擊這個(gè)按鈕:
選中:hover,你就能看見(jiàn)你所寫的:hover樣式了:
相應(yīng)的火狐瀏覽器可以這樣打開(kāi):
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/115103.html
摘要:開(kāi)發(fā)工具是基于瀏覽器,幫助開(kāi)發(fā)人員調(diào)試代碼的控制面板。改變?cè)貭顟B(tài)右擊元素,會(huì)列出功能選項(xiàng),其中有一項(xiàng)名為,展開(kāi)子菜單可以看到幾種常見(jiàn)的偽類。當(dāng)嘗試改變?cè)貢r(shí),給元素添加的斷點(diǎn)便會(huì)觸發(fā)。 Chrome開(kāi)發(fā)工具是基于Chrome瀏覽器,幫助開(kāi)發(fā)人員調(diào)試代碼的控制面板。它的功能很豐富以至于我們很難面面俱到,這里就有幾個(gè)不太明顯但很實(shí)用的功能。 改變DOM元素狀態(tài) 右擊DOM元素,會(huì)列出...
摘要:開(kāi)發(fā)工具是基于瀏覽器,幫助開(kāi)發(fā)人員調(diào)試代碼的控制面板。改變?cè)貭顟B(tài)右擊元素,會(huì)列出功能選項(xiàng),其中有一項(xiàng)名為,展開(kāi)子菜單可以看到幾種常見(jiàn)的偽類。當(dāng)嘗試改變?cè)貢r(shí),給元素添加的斷點(diǎn)便會(huì)觸發(fā)。 Chrome開(kāi)發(fā)工具是基于Chrome瀏覽器,幫助開(kāi)發(fā)人員調(diào)試代碼的控制面板。它的功能很豐富以至于我們很難面面俱到,這里就有幾個(gè)不太明顯但很實(shí)用的功能。 改變DOM元素狀態(tài) 右擊DOM元素,會(huì)列出...
摘要:,,層疊樣式表,請(qǐng)留意層疊概念。為了區(qū)分偽類和偽元素,偽元素采用雙冒號(hào)寫法。常見(jiàn)偽類。常見(jiàn)偽元素。和偽元素的用法和下特有的,用于在渲染中向元素邏輯上的頭部或尾部添加內(nèi)容。CSS,cascading style sheet,層疊樣式表,請(qǐng)留意層疊概念。 css3為了區(qū)分偽類和偽元素,偽元素采用雙冒號(hào)寫法。 常見(jiàn)偽類——:hover,:link,:active,:targ...
摘要:使用帶前綴的命名空間可以防止命名沖突,同時(shí)提高代碼可維護(hù)性。聲明結(jié)束每行都應(yīng)以分號(hào)結(jié)尾。排查法檢查是否正確檢查下有拼寫錯(cuò)誤是否忘記結(jié)尾的等??梢岳麃?lái)檢查的拼寫錯(cuò)誤。本是為減肥的具,但也能檢查出拼寫錯(cuò)誤。 ID和Class命名風(fēng)格 1.id 和 class 的命名總規(guī)則為:內(nèi)容優(yōu)先,表現(xiàn)為輔。?先根據(jù)內(nèi)容來(lái)命名,?如 main-nav。如 果根據(jù)內(nèi)容找不到合適的命名,可以再結(jié)合表現(xiàn)來(lái)定,...
摘要:按鈕樣式的正確方式如果你正在建立一個(gè)網(wǎng)站或一個(gè)應(yīng)用,你可能會(huì)用到按鈕,也許看起來(lái)像按鈕的鏈接。這是我們想要做的事情可應(yīng)用于鏈接或按鈕的按鈕樣式我們希望有選擇地應(yīng)用它,因?yàn)槲覀兊捻?yè)面中會(huì)有其他鏈接和按鈕樣式。 按鈕樣式的正確方式 如果你正在建立一個(gè)網(wǎng)站或一個(gè)web應(yīng)用,你可能會(huì)用到按鈕,也許看起來(lái)像按鈕的鏈接。不管怎樣,讓這些正常展示是很重要的。 在本教程中,我們將為和元素以及一個(gè)自定義...
閱讀 1488·2021-11-24 10:20
閱讀 3711·2021-11-24 09:38
閱讀 2383·2021-09-27 13:37
閱讀 2292·2021-09-22 15:25
閱讀 2348·2021-09-01 18:33
閱讀 3591·2019-08-30 15:55
閱讀 1859·2019-08-30 15:54
閱讀 2177·2019-08-30 12:50