10個CSS簡寫/優(yōu)化技巧
CSS教程??2013-06-04CSS簡寫就是指將多行的CSS屬性簡寫成一行,又稱為CSS代碼優(yōu)化或CSS縮寫。CSS簡寫的最大好處就是能夠顯著減少CSS文件的大小,優(yōu)化網(wǎng)站整體性能,更加容易閱讀。 下面介紹常見的CSS簡寫... [詳細內(nèi)容]
css的margin縮寫方式
CSS教程??2012-05-23html 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;" div style="border: 1px solid blue; margin: 20px 40px;" marg. [詳細內(nèi)容]
CSS網(wǎng)頁布局時常犯的幾種小錯誤
CSS教程??2009-09-281. 檢查HTML元素是否有拼寫錯誤、是否忘記結(jié)束標記 即使是老手也經(jīng)常會弄錯P的嵌套關(guān)系??梢杂胐reamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否書寫正確 檢查一下有無拼寫錯誤、是否 [詳細內(nèi)容]
CSS浮動屬性Float詳解
CSS教程??2009-09-17原文 : all about floats 譯文 : 關(guān)于浮動的前世今生 版權(quán)所有,轉(zhuǎn)載請注明出處,多謝??! 什么是浮動? 浮動是 css 的定位屬性。我們可以看一下印刷設(shè)計來了解它的起源和作用。印刷布局中, [詳細內(nèi)容]
CSS定位屬性Position詳解
CSS教程??2009-09-17CSS中最常用的布局類屬性,一個是Float( CSS浮動屬性Float詳解 ),另一個就是CSS定位屬性Position。 1. position:static 所有元素的默認定位都是:position:static,這意味著元素沒有被定位,而且在文檔中出 [詳細內(nèi)容]
CSS布局教程:絕對定位和相對定位
CSS教程??2009-07-15概要: 本文主要描述XHTML中相對定位和絕對定位各自的本質(zhì)、用法、區(qū)別和兩者之間的關(guān)系。以及使用CSS的Left、Right、Top、Bottom屬性(偏移屬性)和Margin屬性(外邊距)對定位塊級元素進行布局 [詳細內(nèi)容]
網(wǎng)頁頭部css代碼優(yōu)化實例
CSS教程??2009-07-10在div+css布局中,一般都這樣來整體構(gòu)架的: div id="header"/div div id="center"/div div id="footer"/div 而對于header部分,肯定要顯示網(wǎng)站標題,除了顯示網(wǎng)站標題外,還可能要顯示其他比較重要的對象,比 [詳細內(nèi)容]
em與px的區(qū)別以及em特點和應(yīng)用
CSS教程??2009-07-06一直也搞不清楚px與em之間的關(guān)系和特點,看過95%的中國網(wǎng)站需要重寫CSS以后后確實收獲很大。平時都是用px來定義字體,所以無法用瀏覽器字體放大的功能,而國外大多數(shù)網(wǎng)站都可以在IE下使用 [詳細內(nèi)容]
CSS+DIV實現(xiàn)鼠標經(jīng)過背景變色
CSS教程??2009-07-06實現(xiàn)鼠標經(jīng)過背景變色的方法有很多,今天我們介紹的是用CSS+DIV實現(xiàn)的方法。 方法一 以下為引用的內(nèi)容: #div:hover{background:#000000;} 解釋:鼠標經(jīng)過id為div的元素時背景變色 IE6.0、Firefox2.0、Oper [詳細內(nèi)容]
FireFox瀏覽器和IE瀏覽器下CSS的兼容問題
CSS教程??2009-07-061.DOCTYPE 影響 CSS 處理 2.FF: div 設(shè)置 margin-left, margin-right 為 auto 時已經(jīng)居中, IE 不行 3.FF: body 設(shè)置 text-align 時, div 需要設(shè)置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 設(shè)置 padding 后, div 會 [詳細內(nèi)容]




