html css排錯方法

2021-09-26 01:56:09 字數 721 閱讀 4228

總結: **沒效果找**

拍錯方式:

1:根據知識點

2:根據業務邏輯來排查

- 1:明確瀏覽器解析的順序:標籤 --> css --> js

- 2:頁面啥也沒有,證明沒有標籤或者標籤位置寫錯了

- 3:頁面上沒有樣式,證明選擇器沒選中

- 4:頁面上沒有動態互動,要麼沒屬性(互動屬性),要麼互動屬性值繫結的元素不對

自己寫錯了

找錯方法

核心:根據自己所掌握的知識點進行拍錯

目前css錯誤:

錯誤原因:寫了**沒有效果 ---------一臉懵逼;覺得啥都不會

1:檢視瀏覽器控制台;看html標籤是否解析?---------解析

2:哪個樣式沒出來;就檢視哪個標籤;看style 有沒有解析css語言 - 沒有

- 選擇器沒有選中html標籤。 ----->複製 搜尋 檢視 排錯

3.微調bug

- 開啟控制台;除錯值;找到合適的值; 負值 貼上 到自己的**中

4.相容性bug

- 只要沒強調沒有相容哪個瀏覽器的屬性,那麼就通通相容

- 盒子文字布局類

注意:存在相容性問題的知識點 css3 彈性布局 盒子陰影 文字陰影

動畫 過度 **查詢 ie10 以上相容

重點:如果有錯誤不解決;體驗不到效果;自己就會覺得很懵逼。

如果有錯誤不會找,並且找不到,以後會學不會所有東西

html css文字加粗方法

一般來說前端加粗字型的方法有兩種,乙個是html標籤加粗的方法,另乙個是css加粗字型的方法,還有乙個是字型加粗方法。前兩個是我們最常用的方法,後乙個感覺有點非主流的方法,也不知道我是怎麼想到這種方法的,有點為自己的智商感到悲傷,下面給大家詳細的介紹一下。一 標籤方法加粗文字 1 h 1 6標籤 書...

html css 元素居中的方法

html元素 水平居中 於 其父級元素的方法 方法1 左右居中方法1 html,body,div wrap left right middle1 方法2 左右居中方法2 html,body,div wrap left right middle2 html元素 垂直居中 於 其父級元素的方法 上下居中...

footer固定底部 HTMLCSS方法

charset utf 8 footer始終居於底部title type text css body 核心 html,body,wrap高度100 html,body,wrapage 外框高度自動,最小高度100 ie下高度100 wrapage 內容主體下padding 防止底部疊加 mainw ...