-
10個CSS簡寫/優化技巧
CSS簡寫就是指將多行的CSS屬性簡寫成一行，又稱為CSS代碼優化或CSS縮寫。CSS簡寫的最大好處就是能夠顯著減少CSS文件的大小，優化網站整體性能，更加容易閱讀。 下面介紹常見的CSS簡寫- 8.4k
- 0
-
css的margin縮寫方式
html body div style="border: 1px solid red;" div style="border: 1px solid blue; margin: 20px;" margin: 20px;（上、下、左、右各20px。） /div /div div style="border: 1px solid red;" d…- 4.9k
- 0
-
CSS網頁布局時常犯的幾種小錯誤
1. 檢查HTML元素是否有拼寫錯誤、是否忘記結束標記 即使是老手也經常會弄錯P的嵌套關系。可以用dreamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否書寫正確 檢查一下有無拼寫錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼寫錯誤。CleanC- 4.8k
- 0
-
CSS浮動屬性Float詳解
原文 ： all about floats 譯文 ： 關于浮動的前世今生 版權所有，轉載請注明出處，多謝！！ 什么是浮動？ 浮動是 css 的定位屬性。我們可以看一下印刷設計來了解它的起源和作用。印刷布局中，文本可以按照需要圍繞圖片。一般把這種方式稱為“文本環繞”。- 15.6k
- 0
-
CSS定位屬性Position詳解
CSS中最常用的布局類屬性，一個是Float( CSS浮動屬性Float詳解 )，另一個就是CSS定位屬性Position。 1. position:static 所有元素的默認定位都是：position:static，這意味著元素沒有被定位，而且在文檔中出現在它應該在的位置。 一般來說，不用指定 positio- 4.4k
- 0
-
CSS布局教程:絕對定位和相對定位
概要： 本文主要描述XHTML中相對定位和絕對定位各自的本質、用法、區別和兩者之間的關系。以及使用CSS的Left、Right、Top、Bottom屬性（偏移屬性）和Margin屬性（外邊距）對定位塊級元素進行布局的方法。(本文的示例，請看 這個 附件demo 。 ) 說明： 占位空- 6k
- 0
-
網頁頭部css代碼優化實例
在div+css布局中，一般都這樣來整體構架的： div id="header"/div div id="center"/div div id="footer"/div 而對于header部分，肯定要顯示網站標題，除了顯示網站標題外，還可能要顯示其他比較重要的對象，比如網站的導航欄： div id="header" d…- 3.1k
- 0
-
em與px的區別以及em特點和應用
一直也搞不清楚px與em之間的關系和特點，看過95%的中國網站需要重寫CSS以后后確實收獲很大。平時都是用px來定義字體，所以無法用瀏覽器字體放大的功能，而國外大多數網站都可以在IE下使用。因為 1. IE無法調整那些使用px作為單位的字體大小； 2. 國外的大部- 2.3k
- 0
-
CSS+DIV實現鼠標經過背景變色
實現鼠標經過背景變色的方法有很多，今天我們介紹的是用CSS+DIV實現的方法。 方法一 以下為引用的內容： #div:hover{background:#000000;} 解釋:鼠標經過id為div的元素時背景變色 IE6.0、Firefox2.0、Opera 9.23都不行 方法二 以下為引用的內容： div onmous- 5.9k
- 0
-
FireFox瀏覽器和IE瀏覽器下CSS的兼容問題
1.DOCTYPE 影響 CSS 處理 2.FF: div 設置 margin-left, margin-right 為 auto 時已經居中, IE 不行 3.FF: body 設置 text-align 時, div 需要設置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 設置 padding 后, div 會增加 height 和…- 2.1k
- 0
-
CSS中的!important屬性用法
關于CSS的運用技巧有很多， 今天主要探討一下CSS中 !important 這個屬性的用法。在CSS的使用中，遇到最多的問題就是不同瀏覽器之間的兼容問題。 由于IE并不嚴格執行W3C標準， 而又幾乎壟斷了瀏覽器市- 2.3k
- 0
-
CSS屬性display:inline-block的深入理解
在使用 CSS 實現表現的時候，會經常接觸到 display:inline-block 這一屬性，大都會對這一屬性感覺很模糊。 display:inline-block 將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內，允許空格。 但對于這個屬性不是所- 1.9k
- 0
-
CSS3的5個新技術講解
CSS是眾所周知且應用廣泛的網站樣式語言，在它的版本三(CSS3)計劃中，新增了一些能夠節省時間的特性。盡管只有當前最新了瀏覽器版本才能支持這些效果，但了解它們還是必須且很有趣味性的。暴風彬彬將在這篇文章向大家展示CSS中的5個有趣的新技術:圓角、個別- 2k
- 0
-
CSS中內聯元素與塊級元素
《CSS權威指南》中文中：任何不是塊級元素的可見元素都是內聯元素。其表現的特性是“ 行布局”形式，這里的“行布局”的意思就是說其表現形式始終以行進行顯示。比如，我們設定一個內聯元素border-bottom:1px solid #000;時其表現是以每行進行重復，每一行下- 2.1k
- 0
-
CSS布局口訣：CSS BUG順口溜
在進行CSS網頁布局時遇到BUG，請認真閱讀以下內容，非常容易記憶的，不知道哪位高人把CSS BUG編成了順口溜了！看看好不好記住呢？ 一、IE邊框若顯若無，須注意，定是高度設置已忘記； 二、浮動產生有緣故，若要父層包含住，緊跟浮動要清除，容器自然顯其中；- 2.1k
- 0
-
css初學者：id和class的選擇
css初學者在剛開始用div+css布局的時候，常常被一個問題所困擾：當定義一個屬性時，是使用id，還是使用class？在這我談下自己在工作中對id和class的使用原則。希望對初學者有所幫助。 ［b］id的使用原則［/b］ 我們知道id具有唯一性，也就是說在整個xhtml中i- 2.3k
- 0
-
css教程:DIV布局網頁的常見錯誤
1. 檢查HTML元素是否有拼寫錯誤、是否忘記結束標記 即使是老手也經常會弄錯div的嵌套關系。可以用dreamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否正確 檢查一下有無拼寫錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼寫錯誤。CleanCSS- 1.6k
- 0
-
13種常用按鈕、文本框、表單等CSS樣式
雖然CSS樣式的學習需要我們動手多實踐，需要多做案例，思致思考，但有時候注意資料的收集與整理也是非常重要的，在實際開發中往往會起到事半功倍的效果。下面一些關于按鈕、文本框、表單的常用CSS樣式。大家可以參考。 一、按鈕樣式 .buttoncss{ font-family- 9.9k
- 0
-
Iframe高度自適應代碼
Iframe高度自適應IE與FF環境下均可用 看下面的代碼： scripttype="text/javascript" functionSetCwinHeight(){ varbobo=document.getElementById("bobo");//iframeid if(document.getElementById){ if(bobo!window.…- 2.9k
- 0
-
CSS如何定義一條水平虛線?
如果定義一條水平的虛線呢？ 我們首先需要了解，關于線條的CSS的兩個樣式： dotted: 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線 dashed: 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線 水平線條，我們可以用hr來實現，- 6.2k
- 0
-
css自動換行的技巧
css自動換行有什么技巧？大家都知道連續的英文或數字能是容器被撐大，不能根據容器的大小自動換行，下面是CSS如何將他們換行的方法！ 大家都知道連續的英文或數字能是容器被撐大，不能根據容器的大小自動換行，下面是CSS如何將他們換行的方法！ 對于div 1.（- 2.3k
- 0
-
Div+CSS教程：如何閉合浮動元素？
按照CSS規范，浮動元素（floats）會被移出文檔流，不會影響到塊狀盒子的布局而只會影響內聯盒子（通常是文本）的排列。因此當其高度超出包含容器時，一般父容器不會自動伸長以閉合浮動元素。但是有時我們卻需要這種自動閉合行為，具體如何處理呢？ 有一種做- 2k
- 0
-
Div+CSS實例教程：讓頁腳保持在未滿屏頁面的底部
DivCSS實例：讓頁腳保持在未滿屏頁面的底部 在內容不超過一屏的情況下，當瀏覽器窗口變小那行頁腳文字會跟著向上浮動但還是保持在底部。 當內容多出一屏時，他顯示在網頁的最下邊，而不是窗口的最下邊；測試了一下，還可以，在IE6、IE7、FF等都沒有問題！窗- 3.5k
- 0
-
Div CSS實例教程：頁面制作方法
做前端也有幾年時間了，不敢說能把他看地多透，但是多多少少還是有些自己的東西。就制作而言，我將一張頁面分為四層：框架、布局、模塊、列表和數據塊。 一、框架 頁面的框架基本上都是：“頭”、“主體”、“尾”。但是對于一些頁面如Tudou.com，由于布局的- 17.7k
- 0
-
￥優惠劵使用時效：無法使用使用時效：
之前
使用時效：永久有效優惠劵ID：×