web前端 css實戰記錄 p span標籤區別

2021-10-07 18:33:42 字數 637 閱讀 8208

實戰問題發現

p、span區別:乙個塊級元有自動換行效果,乙個行內元素,p內可以有多個span,若不需要特殊效果,一般不用span,p即可

這個標籤中,我們可以看到元素有margin-top:14px,在樣式表中可以看到給p標籤設的值裡面並沒有乙個margin-top14。

發現useragent裡面有乙個  -webkit-margin-before的值,查了一下發現-webkit-margin-before:1em    是元素上邊距數值為1倍字型高度,line-height1.4不就是14px嗎?於是加了  -webkit-margin-before: 0em;  -webkit-margin-after: 0em;!

注意瀏覽器自帶樣式。

1、設定

-webkit-margin-after: 0em; -webkit-margin-before: 0em;

即可解決預設邊距問題,

2、也可以強制設定

vi實戰記錄

vi編輯器在unix和linux中比較早期的,vim是vi的擴充套件集,是對vi的加強。伺服器最小化,預設整合vi編輯器!了解vi常用命令,工作起來頗有 洪荒之力!01.關於退出 wq 強制儲存退出 wq 儲存退出 x 作用和 wq 一樣 zz 作用和 wq一樣,注意z是大寫的,並且不是在命令模式 ...

Angular實戰記錄

子元件中ngmodel繫結的值改變時,通過onchangecallback 傳回父元件時,有兩種情況 基本資料型別 string number 等變數,父元件中會跟著變化 非基本資料型別 date 父元件中不會檢測到變化 解決方法 建立乙個新物件傳回 this.onchangecallback ne...

frida 實戰 Frida脫殼實戰記錄

只能祭出傳聞已久的frida,果然瞬間脫殼獲取了幾個dex檔案,一番搜尋收集了很多個介面和後端服務的真實ip。腦瓜不好用,抓緊記錄一下。用到的工具 adb connect 127.0.0.1 6555 adb shell adb forward tcp 27042 tcp 27042 adb for...