免费可以看的无遮挡av无码|国产在线拍揄自揄视频网站|在线无码精品视频播放在|欧美亚洲国产成人精品,国产成人久久77777精品,亚洲欧美视频在线观看,色偷偷色噜噜狠狠网站久久

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  技術(shù)干貨  > HTML+CSS之如何找BUG

HTML+CSS之如何找BUG

來(lái)源:千鋒教育
發(fā)布人:syq
時(shí)間: 2022-08-11 11:52:42 1660189962

  很多剛進(jìn)入前端行業(yè)的小伙伴在寫頁(yè)面的時(shí)候,很容易出現(xiàn)錯(cuò)誤,這時(shí)候很多小伙伴就會(huì)一行行查看自己的代碼哪里有問(wèn)題,或者仔細(xì)的對(duì)比網(wǎng)上代碼,這樣查看錯(cuò)誤很浪費(fèi)時(shí)間,而且陷入了自己的思維里面看不出錯(cuò)誤在哪里。

HTML+CSS

  下面呢,教大家如何快速的查找錯(cuò)誤及解決問(wèn)題。其實(shí),咱們的瀏覽器就有控制臺(tái)及一些輔助工具等幫助我們查找錯(cuò)誤,在這里我使用的Chrome(谷歌瀏覽器)的控制臺(tái)來(lái)進(jìn)行錯(cuò)誤的查找。打開控制臺(tái)方式有兩種,一種在瀏覽器中點(diǎn)擊鼠標(biāo)右鍵,選擇檢查,如下圖:

HTML+CSS之如何找BUG237

  另一種,直接通過(guò)快捷鍵F12(如果F12不行,可以試一下Fn+F12),調(diào)出來(lái)控制臺(tái)。

HTML+CSS之如何找BUG283

  好了,了解完這些以后,我們來(lái)看一下都有哪些錯(cuò)誤,以及如何通過(guò)控制臺(tái)查看錯(cuò)誤進(jìn)行更改。

  先寫一個(gè)比較簡(jiǎn)單的效果,寫一個(gè)div標(biāo)簽,給這個(gè)div寫一個(gè)寬200px,高100px,背景顏色為粉色

  HTML結(jié)構(gòu)

11

  CSS樣式

  div{width: 200px; height: 100px; background-color: pink;}

HTML+CSS之如何找BUG712

  上面是想象中的樣子,完美。但實(shí)現(xiàn)效果上可能是這樣的:

HTML+CSS之如何找BUG741

  出現(xiàn)問(wèn)題的時(shí)候,穩(wěn)住別慌,通過(guò)控制臺(tái)查看一下,首先看一下css樣式有沒(méi)有引入成功,上面說(shuō)到過(guò)控制臺(tái)左邊為html標(biāo)簽,右邊是css屬性,我們先選中div看一下右邊有沒(méi)有寫的css屬性

HTML+CSS之如何找BUG836

  1、在這里看到右邊css那里沒(méi)有我們寫的寬高背景顏色,一種可能是我們css沒(méi)有引入成功,如果使用的是外部樣式表,可以去查一下自己寫的路徑對(duì)不對(duì);如果路徑不對(duì),一般在控制臺(tái)會(huì)顯示一個(gè)紅色的×,如下圖:

HTML+CSS之如何找BUG938

  2、另一種可能我們寫的這個(gè)標(biāo)簽的css修飾前多寫了標(biāo)點(diǎn)符號(hào)。如下圖:

HTML+CSS之如何找BUG976

  3、那如果我們?cè)谶@里使用了class選擇器、id選擇器或者其他的選擇器,要注意選擇器的使用及名字的設(shè)置。不然也會(huì)出現(xiàn)顯示不了咱們的css修飾。

HTML+CSS之如何找BUG1050

HTML+CSS之如何找BUG1051

  4、好了,在往下看,如果css還是沒(méi)有出來(lái),就看一下單詞是否拼對(duì)、屬性和屬性值是否匹配。單詞不對(duì),或?qū)傩院蛯傩灾挡黄ヅ淠敲纯刂婆_(tái)的css屬性前面會(huì)出現(xiàn)一個(gè)黃色的感嘆號(hào),并且會(huì)把錯(cuò)誤的屬性劃掉,如下圖,這個(gè)時(shí)候就需要你查一下單詞和屬性了。

HTML+CSS之如何找BUG1172

  5、還有我們?cè)诰W(wǎng)頁(yè)導(dǎo)航的時(shí)候會(huì)給導(dǎo)航項(xiàng)加邊框,代碼如下:

  HTML結(jié)構(gòu):

12

  CSS樣式:

13

  我們要取消第一個(gè)或者最后一個(gè)的邊框,我們給第一個(gè)或最后一個(gè)li加class名取消邊框,發(fā)現(xiàn)取消不了,而且屬性和屬性值檢查了一遍是對(duì)的,在控制臺(tái)中也顯示了,只不過(guò)被劃掉了(注意只是劃掉,但沒(méi)有黃色感嘆號(hào)),這個(gè)時(shí)候可能是選擇器權(quán)重不夠

HTML+CSS之如何找BUG1709

  那么我們可以通過(guò)包含選擇題增加權(quán)重,找到父元素的class名,添加到前面就可以

  css代碼修改

  .nav .noborder{border-left:0}

  這樣就解決了。

  最后總結(jié)一下:

  1. 沒(méi)有相應(yīng)CSS屬性,查引入路徑或看選擇符前是否多加標(biāo)點(diǎn)

  2. 控控制臺(tái)出現(xiàn)感嘆號(hào)并且被劃掉,單詞拼寫錯(cuò)誤或?qū)傩詫傩灾挡黄ヅ?/p>

  3. 控控制臺(tái)出現(xiàn)屬性被劃掉但沒(méi)有感嘆號(hào),權(quán)重不夠

  再有前端的小伙伴遇到了上述幾種錯(cuò)誤,可以嘗試通過(guò)上面的方式去解決一下,這些問(wèn)題一般都是常見(jiàn)的,遇到幾次解決之后注意避免就可以啦~更多關(guān)于“前端培訓(xùn)”的問(wèn)題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來(lái)試聽。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
我想直播帶貨去哪里找貨源一件代發(fā)

現(xiàn)在直播帶貨是一個(gè)非?;鸬男袠I(yè),越來(lái)越多的人進(jìn)入到這個(gè)圈子,但是,認(rèn)真地說(shuō),直播帶貨能不能賺到錢還是要看自己。雖然這一行業(yè)火,收入高,...詳情>>

2023-09-19 08:41:02
入駐短視頻mcn需要多少錢?有哪些費(fèi)用?

眾所周知,現(xiàn)在短視頻成了很多人的自媒體創(chuàng)業(yè)道路之一,越來(lái)越多人喜歡在網(wǎng)上消遣時(shí)間,購(gòu)物等。也有很多優(yōu)秀的博主去做出很多新的內(nèi)容,那么入...詳情>>

2023-09-19 08:12:47
短視頻帶貨應(yīng)該注冊(cè)什么公司?需要什么資料?

短視頻大家應(yīng)該都非常熟悉,現(xiàn)在很多人都喜歡在閑暇的時(shí)候刷短視頻,短視頻平臺(tái)也開始了直播帶貨,商家也都開始創(chuàng)業(yè)了,那么短視頻帶貨需要營(yíng)業(yè)...詳情>>

2023-09-19 08:09:31
怎樣投抖加不花錢?別人能看出來(lái)嗎?

抖音一些視頻為了獲取更多點(diǎn)擊,一些博主機(jī)會(huì)投抖加。其實(shí)抖加的投放沒(méi)有絕對(duì)正確的方法,而不同賬號(hào)和視頻投放的策略都是不一樣的,不過(guò)一般情...詳情>>

2023-09-19 08:00:10
抖店入駐收費(fèi)多少?開抖店費(fèi)用是多少?

如果要開通抖音小店,需要先把抖音賬號(hào)開通商品櫥窗功能。入駐之后,可以選擇頭條賬號(hào)、抖音賬號(hào)、火山賬號(hào)任一類型注冊(cè)或登錄。那開個(gè)抖店要多...詳情>>

2023-09-19 07:50:26
開班信息
北京校區(qū)
  • 北京校區(qū)
  • 大連校區(qū)
  • 廣州校區(qū)
  • 成都校區(qū)
  • 杭州校區(qū)
  • 長(zhǎng)沙校區(qū)
  • 合肥校區(qū)
  • 南京校區(qū)
  • 上海校區(qū)
  • 深圳校區(qū)
  • 武漢校區(qū)
  • 鄭州校區(qū)
  • 西安校區(qū)
  • 青島校區(qū)
  • 重慶校區(qū)
  • 太原校區(qū)
  • 沈陽(yáng)校區(qū)
  • 南昌校區(qū)
  • 哈爾濱校區(qū)