web前端技巧整理 個人實戰經驗

2022-09-21 04:03:06 字數 1656 閱讀 2871

1.今天在做乙個頁面的時候碰到了箭頭居中的效果:由於想實現點選區域很大所以用了padding-top:23%。但是在計算23%的時候出現了問題,經過研究發現:padding-top的百分比是根據期父元素的width而不是height來計算的,很奇怪吧?哪位大牛能給解釋下。

2.某個層加了浮動後又加margin後在ie6下一定會出現雙倍邊距。----------解決方法是display:inline;(雖然知道,但是每次都忘)。

3.左側定寬右側自適應+左右定寬中間自適應的框架一定要會運用,很多時候都會運用上,

demo1(左側定右側自適應):

複製**

**如下:

雙列布局,左側定寬,右側自適應

header

left

middle

footer

demo2(左右定中間自適應):

複製**

**如下:

雙列布局,左側定寬,右側自適應

header

left

middle

right

footer

4.在ie6下插入時候用img標籤會有img下會有幾個畫素的空白會導致你跟設計稿做的東西不一樣(會被主管火眼看出來然後挨罵)---解決辦法是將img變成塊級元素;display:block;

5.讓文字在塊內垂直的方法是:1).vertical-align:middle.2).line-height:***; -------------一般的第二個比第一xhkrfocjo個好用,具體我也不知道為什麼。

6.a標籤的lvha不是很常用,但是一定會用:a:link{} a:visited{};a:hover{}a:active{}

7.文字截斷不換行貌似很常用(這幾天天天用):white-space:nowrap;overflow:hidden;text-overflow:ellipsis;(換行為:word-wrap:break-word;)

8.清除浮動的方法很多,這幾天主要用的三種:1)clear:both;2)overflow:hidden;3).我的指***愛用的:#a:after

9.滑鼠手勢有的時候在ie下會消失,這個情況這兩天也出現過幾次。----------------解決辦法是corsor:pointer;(注意不能是hand--指導人特別提醒)

10.定義乙個只有2畫素的高度的容器的時候在ie6下會有bug--解決方法是將各種屬性清零,尤其是font-size:0;height:0;line-height:0;

11.max-width在ie6下會不起作用---解決辦法是_width:*;(上個周遇到過這個問題)

12.!important 規則--以前從來沒用過這個屬性,直到前天主管看我的**時候提醒我在乙個頁面響應式的時候後來的width會覆蓋本身的width:100%;所以要加width:100%!important;

13.清除浮動非常非常重要---比如有的時候容器無法自適應高度你就要用到它的!!!

14.點選文字的時候也會點選上單選框或者核取方塊了比如csdn的這個功能: 方法是用lable包住單選框或者用lable for「id」。www.cppcns.com

15.display:none--------消失不佔位置。visibility:hidden;--------------消失後佔位置。

本文位址:

mysql個人使用 mysql整理(個人)

注意 以下命令都是在linux系統下執行的 1 驗證mysql是否安裝成功 mysqladmin version 2 連線mysql伺服器 mysql u root p 之後輸入密碼 3 退出 exit 4 建立資料庫 create database zjx1 5 刪除資料庫 drop databa...

整理個人常用易忘linux命令

在linux系統操作時一些指令使用的比較頻繁,但是每次用完總容易忘記,導致再次使用時往往需要去現查。打算從現在開始將這些常用命令積累並整理下來,避免總去麻煩度娘 手動狗頭 free hps ef grep 程序名 lsof i 埠號 chown username file dirchown user...

web前端使用技巧

1 focus和blur事件不支援冒泡,但是它支援捕獲,所以在事件 中我們可以使用捕獲,但是ie不支援捕獲,ie可以通過focusin和focusout這兩個專有事件來代替,它們是支援冒泡的 5 計算某年某月共有多少天函式 function days in month y,m 7 取陣列最大和最小值...