那些年踩過的CSS坑

2021-09-12 02:03:02 字數 1260 閱讀 4723

1、img 標籤中的alt 與title的區別:

title:滑鼠滑過時顯示的文字提示。

對seo優化的影響:

搜尋引擎對理解是通過alt屬性,所以在alt屬性中包含關鍵字的簡要文字說明,也是頁面優化的一部分。

2、padding與margin區別:

padding是控制項的內容相對控制項的邊緣的邊距,margin是控制項邊緣相對父控制項的邊距。

在css中margin是指從自身邊框到另乙個容器邊框之間的距離,就是容器外距離。在css中padding是指自身邊框到自身內部另乙個容器邊框之間的距離,就是容器內距離。

2.1   padding

語法結構:(1)padding:10px;               四邊統一內邊距

(2)padding:10px 20px;         上下、左右內邊距

(3)padding:10px 20px 30px;       上、左右、下內邊距

(4)padding:10px 20px 30px 40px;          上、右、下、左內邊距

2.2    margin

語法結構:(1)margin:10px 20px;            上下、左右外邊距

(2)margin:10px 20px 30px;       上、左右、下外邊距

(3)margin:10px 20px 30px 40px;      上、右、下、左外邊距

3、img標籤的垂直居中問題:

img標籤在div中垂直居中靠上問題:網上的方法有很多,但是大多有***,比如將外部div設為table-cell,那麼這個div就是乙個table的單元格了,margin就對他失效了,目前,找到的比較適合的方法是:

對於外部div同時設定line-height和vertical-align,裡面的標籤設定vertical-align。目前還沒有發現這個方法的不適用。若有發現,後續更新。

4、浮動元素的垂直居中問題:

在想要浮動的元素外面套一層span標籤,將浮動元素的float移到span標籤上,然後設定span的height和line-height與它父元素的一樣。

5、使div居中的方式:(cvte校招筆試題)

make me center

/*1*/

#child

/*2*/

#child

vue那些年踩過的坑

那些年踩過的坑 module not found module not found error can t resolve views coverconfigurationrong in d new operation admin src js router 原因 寫好路由之後,新建資料夾目錄,但是...

那些年之cordova踩過的坑

私人筆記 如果安裝的是crosswalk with cordova 整合版的話 新增外掛程式的方法是 需要的環境 nodejs git 1 npm安裝 plugman npm install g plugman2 cd到當前專案根目錄 cd f music3 安裝ngcordova外掛程式 這一步千...

uniapp之那些年踩過的坑

這裡我把一些坑列舉出來了?這裡有兩點 使用this.set obj key 值 或 者thi s.set obj,key,值 或者this.set ob j,ke y,值 或者th is.set array,index,值 像是處理vue底層監聽不到資料變化的解決方式 要用資料巢狀陣列,而不是物件包...