1樓：大地dudy
顏色分為前景色和背景色，像border-color其實是前景色，color也是前景色，所以設定了color後其實是沒必要再設定border-color的，而往往很多時候是都設定了
2樓：
就沒有人說用 overflow:hidden 清楚浮動麼？！
每次我和團隊裡人說可以這麼用，他們就一臉疑惑：【逗我呢？這不是超出隱藏麼？】我就得花費大力氣解釋，還得找資料找文章發出來。
3樓：
1,把text-indent當成padding-left來用
2,float,position同時加上display:inline-block
4樓：杜瑤
這些東西被誤用的情況，不勝列舉，其更深層次的原因在於編寫者不求甚解抑或是沒有這種意識不太care。手機打字可能有錯別字，勿怪
看大家都寫了這麼多，順手再加上一些：
1. 給block-level元素應用vertical-align，結果發現根本不生效；
2. 給inline non-replaced elements定義寬高，結果發現也不生效；
3. 給input/button定義line-height，試圖實現垂直居中，結果個瀏覽器下的效果，讓你崩潰，沒弄清楚line-height的使用場景；
4. 給inline non-replaced elements定義垂直補白，結果又哭了；
5. 給非定位元素定義了z-index堆疊級別；
6. 給乙個元素定義了opacity並且值小於1，發現有些元素被它蓋住了，然後也懵了；
7. 給自閉合標籤加了成對閉合，給成對閉合標籤加了自閉合；
8. 把@import寫到了其它規則集之後，結果還以為是自己的路徑錯了；
9. 真的在address標籤裡寫家庭住址資訊或者其他位址資訊；
10. 完全把main, section, article, aside等當成div來用了；
簡單列以上10條，這麼做過的童鞋共勉，沒做過的童鞋讚美一下。總之實際工作中誤用亂用的例子實在太多，就不一一枚舉，希望引起大家關注並改善類似情況。
5樓：蘇宇
現在基本上都是ajax了吧，你的專案還在用form提交資料嗎？
disabled和readonly在顯示效果上也是有區別的。前者不能獲得焦點，後者可以獲得焦點。預設的顯示樣式也是有區別的。
乙個唯讀資料不能輸入的話它是由什麼規則生成的？如果能由其他資料根據某個規則生成，那麼該資料就不是必要的，也不需要提交到服務端。因為其值通過其他資料可以直接生成出來。
如果其值是由其他資料生成，並且和其他資料有嚴格的邏輯關聯，該資料提交到服務端直接儲存不經驗證的話是不安全的。因為請求是可以偽造，直接儲存可能會儲存經過篡改的混亂資料。
如果驗證的話也是和其他關聯資料做比較，完全沒有必要。所以我覺得這個地方可能是你的服務端處理有問題。
6樓：
幾個很常見的，如下：
型別宣告：type 多餘.
結尾處的逗號： 、[1,2,]
語義：p標籤包含div.
衝突：如 #wrap span.
人民幣符號：￥少一橫.
濫用：!important、$.ajax()情緒化命名：.sb、#sb_box 、lj.png快取：304 不更新.
7樓：
濫用style、濫用ID、濫用js生成html、濫用css3特效、為了不使用table而不使用table（用層層div+css模擬）
8樓：盧名川
就說乙個：html checkbox
這個標籤坑爹的地方就在於：checked屬性（也就是預設是否打勾的屬性）的寫法非常坑爹，一不留神就會寫成是預設打勾的~~
正常情況下：
type ="checkbox" checked ="checked" >表明預設打勾的， 不過：< input type ="checkbox" checked ="true" /> type ="checkbox" checked ="yes" /> type ="checkbox" checked ="no" /> type ="checkbox" checked="" />甚至： 9樓：小夏 到處都是DIV，然後用css來定義標題的效果，不用H1、H2等標題標籤，這是經常被忽略的HTML標籤使用的語義性，標題用H1..H6是有層次的，而且對頁面的抓取也有很大的影響，大家多注意吧。 10樓：梁禮成 其實布局很在乎標籤的語義，對號入座才行。 例如：產品的迴圈一般都用 ui li 但用dl dt dd 是比較符合語義的； a標籤有時會套用在div外面或者是塊標籤外面，其實也是不正確的；其次是忘記寫寬高等。 11樓：舊城 補充@一絲 的， 比如 a 和 a: link 大家會傻傻分不清楚。 比如一般人認為 margin 只有垂直方向才有 collapse。 比如，我以前認為 outerline 只有在 :focus 的時候才能用。 比如，絕對定位元素的參考區域是 padding - box，如果沒有記錯的話。 12樓：賀師俊 2. 該用 OL 的用 UL 3. 段落不會用 P 只會用 BR 和 DIV 4. 不會用 H1 / H2 / H3 ... 只會用 STRONG 甚至 DIV 5. 不會用 LABEL、FIELDSET、LEGEND 6. 亂用 ABBR、CITE、Q 之模擬較少見的標籤 7. 不會用或亂用 B / I / S / U 之類在 HTML5 中重新定義過的標籤 屬性方面 1.多 class 症（病入膏肓的表現就是幾乎每個元素上都有不止乙個 class） 2. IMG 的 alt 屬性沒有意義（比如和title屬性一樣） 3. 混淆 INPUT 的 disabled 屬性和 readonly 屬性 4. LABEL 元素的 for 屬性 5. 不會使用 lang 屬性或 lang 屬性寫成 zh-CN 等已經廢棄的用法 老楊叔聊志願填報 貧賤夫妻百事哀 這是緬懷追憶妻子的名句，聯絡上句 誠知此恨人人有 意思是雖然我知道這種陰陽相隔的悲恨人人都會有，但一想起我們相互扶持相濡以沫時的每一件事情都會讓我特別難過。貧賤更多是謙辭，烘托平淡情感的真摯，元稹的元配妻子韋叢是太子少保韋夏卿的小女，窮也窮不到哪兒去。現在則理解為夫... 同理心 大多數人都沒有這個能力把自己想象成使用者，也不清楚使用者是乙個什麼認知水平，就自以為是把自己當做使用者代言人去做決策了。UCD 先把公司價值和使用者價值搞清楚了再說。競品分析 沒有從自身的出發點考慮，看到競品有新的功能就硬著頭皮跟著上了，殊不知兩個產品的目標人群和實際定位相去甚遠。創新設計 ... 遠方有星星的聲音 孔子 唯女子與小人不可用也 我一直以為這是歧視女性，後來看莊子的 逍遙遊 裡 是其言也，猶時女也 女，大概意思是目光短淺，不長進 這樣看來，不只是孔子對女性有什麼誤解了 誰說 單身狗。狗單身是因為換得勤，你叫自己單身狗是不是也因為這個我就不知道了。那些自稱單身狗的人簡直是一種對立比...有哪些經常被誤用或濫用的詩詞話？
最常被濫用或誤用的互動設計原理有哪些？
有哪些句子經常被誤解