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