成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

分享一些在項目實踐中的CSS技巧

開發(fā) 前端
本文介紹了使用三個CSS的技巧,希望對你有幫助,一起來看。

用DIV+CSS布局,已經成了流行趨勢,當然,這也是有原因的。那就是DIV+CSS本身的優(yōu)勢所決定的。

我們在進行DivCSS布局的時候,非常關注CSS技巧的學習,在之前的文章中,我們也介紹了不少相關的知識與經驗,今天向大家推薦3個CSS技巧!雖然沒有什么新意,但對新手而言卻非常重要!

一、在一行內聲明CSS

  1. h2 {font-size:18pxborder:1px solid bluecolor:#000background-color:#FFF;}   
  2. h2 {   
  3. font-size:18px;   
  4. border:1px solid blue;   
  5. color:#000;   
  6. background-color:#FFF;   

第二種看起來的確格式化,但是不會在閱讀上有任何幫助。寫在一行內可以讓你更快的找到需要的部分。

以我也是寫成類似第二種方式,但是逐漸發(fā)現就像文章說的一樣,沒多大用。一行看起來又爽快又省地方還能讓文件更小。

二、分塊書寫代碼

這樣書寫代碼可以讓CSS更頁面化,在出現問題時候可以最短時間內找到問題所在。就像下面這樣:

  1. ww.52css.com]  
  2. #content {float:left;}   
  3. #content p { … }   
  4. #sidebar {float:left;}   
  5. #sidebar p { … }   
  6. #footer {clear:both;}   
  7. #sidebar p { … } 

三、瀏覽器兼容問題

只支持***的瀏覽器。也就是說要放棄IE5和IE5.5。這樣一來就能省下很多時間。對于IE6來說不用使用盒模型Hack。如果只針對流行瀏覽器的話,只需要很少的Hack就能實現同樣的效果。

我注意了一下網易新版主頁的CSS,其中竟然一個!important或者Hack都沒有,可是在FF和IE里面顯示效果都很好。在相關的書《變幻之美 DivCSS網頁布局揭秘 - 案例實戰(zhàn)篇》中,hack應用也非常非常少。合理的使用CSS可以避免Hack。當然,調試的時間會多一些。

包含浮動元素所有在容器內的內容都應該被設計為和容器保持一致。如果過大的話就會滑動到錯誤位置。使用負值margin調整到容器外同樣會導致滑動。

理解Overflow如果頁面中有兩個浮動元素,在左容器內輸出過多內容的話就會導致右側容器跑到下面。這也就是說你的margin、寬度或者 padding設置混亂了,不過在FF里面體現不出來。使用overflow:hidden或者overflow:scroll可以避免IE允許內容沖出容器。

希望對你有幫助。

【編輯推薦】

  1. 高效整潔CSS代碼原則 (上)
  2. 高效整潔CSS代碼原則 (下)
  3. Web移動應用 HTML5 CSS和JavaScript
  4. CSS實現HTML元素透明的那些事
  5. Div+CSS常見錯誤總結
責任編輯:于鐵 來源: 互聯網
相關推薦

2023-10-07 16:20:34

JavaAPI

2010-06-13 15:18:02

UML實踐

2017-09-20 15:07:32

數據庫SQL注入技巧分享

2010-11-02 14:11:15

SilverlightWPF微軟開發(fā)

2015-08-17 15:53:58

Linux桌面

2011-07-03 19:07:47

關鍵詞

2013-04-19 10:40:03

2011-06-01 16:50:21

JAVA

2013-03-29 13:17:53

XCode調試技巧iOS開發(fā)

2012-05-21 10:13:05

XCode調試技巧

2016-09-12 17:19:51

JavaScriptArray操作技巧

2024-01-30 10:11:00

SpringBoot項目開發(fā)

2020-12-08 08:28:22

開源heyui-adminGuns

2020-12-08 15:44:53

開源開發(fā)程序員

2023-08-24 09:44:16

數據庫性能

2020-04-21 11:08:06

CSS設計排版

2011-07-12 09:47:53

WebService

2011-10-26 20:55:43

ssh 安全

2011-05-23 18:06:24

站內優(yōu)化SEO

2021-10-12 23:10:58

UnsafeJavaJDK
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 成人夜晚看av | 久久亚洲欧美日韩精品专区 | 欧美综合一区二区三区 | 色接久久 | 337p日本欧洲亚洲大胆 | 欧美不卡一区二区 | 天天爽网站 | 国产精品99久久久精品免费观看 | 亚洲福利在线观看 | 99精品福利视频 | 亚洲精品1| 成人久久久久 | 日韩欧美网 | 国产成人精品视频 | 国产精品久久国产精品 | 久久久成人精品 | 在线免费小视频 | 亚洲不卡在线观看 | 久久久久久久久久久久久91 | 国产精品高潮呻吟 | 久久久影院 | 国产日韩欧美 | 天天操天天射天天 | 黄 色 毛片免费 | 欧美精品乱码久久久久久按摩 | 久久久久久久久久影视 | 中文字幕1区 | 亚洲一区二区三区四区视频 | 亚洲精品综合一区二区 | 亚洲国产成人久久综合一区,久久久国产99 | 国产精品综合一区二区 | 日韩毛片 | 懂色中文一区二区三区在线视频 | 亚洲色视频 | 日韩欧美三区 | 亚洲电影一级片 | 不卡的av电影 | 亚洲欧洲一区 | 午夜在线 | 成人免费视频 | 日韩一区二区三区在线观看 |