-
css技巧:經(jīng)典CSS使用技巧幾則
MacJi “偷懶”翻譯了部分，下午冒著被 BOSS 開除的危險(xiǎn)將其補(bǔ)完（原文鏈接）。
作者：asdasdasd11-19
使用 line-height 垂直居中
line-height:24px;
使用固定寬度的容器并且需要一行垂直居中時(shí)，使用 l... -
div css與xhtml css是什么意思?
不知道從什么時(shí)候開始，在網(wǎng)絡(luò)上到處可以看到div css，到底什么是div css呢？難道就是傳說中的標(biāo)準(zhǔn)重構(gòu)嗎？標(biāo)準(zhǔn)從最簡單的根源來說不是合理使用xhtml的標(biāo)簽嗎？可為什么還是有這么多div css呢？...
作者：asdasdasd11-19 -
知道嗎？H1標(biāo)簽同樣也可以美化
大家都知道搜索引擎比較喜歡H1。在SEO中H1也是很基礎(chǔ)也很重要的一步。但有些時(shí)候?yàn)榱私缑骘L(fēng)格的原因，很多標(biāo)題性的文字做成了圖片。大多數(shù)情況下，切割頁面的時(shí)候就直接用上了圖片。在代碼上，H...
作者：asdasdasd11-19 -
網(wǎng)頁制作與CSS的UTF-8和GB2312編碼問題
不知道大家在做頁面的時(shí)候會不會遇到樣式定義不生效的問題，基本的表現(xiàn)就是怎么改樣式都沒顯示或只有某些瀏覽器正常，這時(shí)通常需要做下面的幾步：
作者：asdasdasd11-19
確認(rèn)所修改的樣式文件是否是當(dāng)前頁面的樣式文... -
IE7與web標(biāo)準(zhǔn)設(shè)計(jì)（3）
上文：IE7與web標(biāo)準(zhǔn)設(shè)計(jì)（2）
作者：asdasdasd11-19
IE歷來被web標(biāo)準(zhǔn)的擁護(hù)者所詬病，而當(dāng)FireFox橫空出世以后，更多的網(wǎng)頁制作者開始關(guān)注web標(biāo)準(zhǔn)設(shè)計(jì)。看著FireFox的市場占有率不停的上升，微軟終于推出了IE7。但I(xiàn)E... -
CSS網(wǎng)頁布局的好處與壞處
隨著WEB2.0標(biāo)準(zhǔn)化設(shè)計(jì)理念的普及，國內(nèi)很多大型門戶網(wǎng)站已經(jīng)紛紛采用DIV CSS制作方法，jb51.net也成為了CSS網(wǎng)頁布局技術(shù)學(xué)習(xí)的先鋒站點(diǎn)，從實(shí)際應(yīng)用情況來看，此種方法絕對好于表格制作頁面...
作者：asdasdasd11-19 -
CSS樣式表優(yōu)化更整潔而簡短
CSS簡寫就是指將多行的CSS屬性聲明化成一行，又稱為CSS代碼優(yōu)化。CSS簡寫的最大好處就是能夠顯著減少CSS文件的大小，其實(shí)還有很多其他益處。臃腫而雜亂的CSS樣式表會使你遇到問題是難以調(diào)試...
作者：asdasdasd11-19 -
CSS:用overflow代替left截取指定長度字符串
為了防止文章標(biāo)題過長超過容器(td,div)寬度而顯示成多行，我們通常要對標(biāo)題進(jìn)行處理讓其顯示在一行，通常使用的方法有兩種：一種方法是在客戶端用CSS設(shè)置容器的overflow屬性；另一種方法則是在服...
作者：asdasdasd11-19 -
間距浮動(dòng)與對齊的最佳方案
一：讓layout的間距和圖片與圖片之間的間距相等！看圖幫助理解！ 左右方向都可以應(yīng)用！別轉(zhuǎn)不過來彎就行了！二：定寬，圖片文字居中和負(fù)margin依然是看圖
作者：asdasdasd11-19
難點(diǎn)在于，如何妥善處理間距和對齊，... -
div css制作網(wǎng)頁實(shí)戰(zhàn)筆記心得
以下的內(nèi)容是一位網(wǎng)友的DIV CSS編碼筆記，是值得大家學(xué)習(xí)的，在實(shí)際工作與開發(fā)中，將工作中的點(diǎn)滴記錄下來，回首這些過往，你也會收獲很多，如果能在jb51.net與大家共同交流，相信進(jìn)步就更快...
作者：asdasdasd11-19 -
CSS教程:legend標(biāo)簽設(shè)定寬度
原文：http://www.planabc.net/2008/07/24/legend_width/
作者：asdasdasd11-19
我們在做表單的時(shí)候經(jīng)常會使用到這樣的結(jié)構(gòu)：
<fieldset> <legend>哪些瀏覽器legend標(biāo)簽設(shè)定的寬度有效</legend> <input type="check... -
CSS設(shè)計(jì)網(wǎng)站導(dǎo)航菜單的優(yōu)勢
導(dǎo)航結(jié)構(gòu)在網(wǎng)站設(shè)計(jì)中是起到?jīng)Q定性作用的，導(dǎo)航菜單/欄常常通過顏色、排版、形狀和一些圖片來幫助網(wǎng)站創(chuàng)造更好的視覺和感受，它是網(wǎng)頁設(shè)計(jì)的關(guān)鍵元素。
作者：asdasdasd11-19
雖然網(wǎng)站導(dǎo)航菜單的外觀是網(wǎng)頁設(shè)... -
CSS制作政府公文的代碼
應(yīng)程序要求，全部用p 類展示。其他要求請自行更改！
作者：asdasdasd11-19
關(guān)于有序列表OL:
直接對ol定義text-indent:4em;IE內(nèi)這4em是在序列號前邊,FF，GG內(nèi)，是在序列號和正文中間。
改用對OL使用padding-left:4e... -
CSS的私有屬性小結(jié)(針對FireFox瀏覽器)
FF中CSS的私有屬性小結(jié) 有時(shí)..有些東西FF總是支持不好……. 只能找私有屬性來幫忙…. 例子還米做… 因?yàn)樘嗵涣私饬?amp;hellip; 等理解得差不多時(shí)搞成本...
作者：asdasdasd11-19 -
Opera下cloneNode的bug
Opera, 作為 A-Grade 瀏覽器，在現(xiàn)在的前端開發(fā)中務(wù)必支持。它很優(yōu)秀，很不幸，bug是每個(gè)瀏覽器都不可避免的問題，Opera亦難免。說說我發(fā)現(xiàn)的一個(gè)關(guān)于 cloneNode 的問題。
作者：asdasdasd11-19
問題:
假設(shè)我們有一... -
css教程:可讀性可維護(hù)性良好的CSS文件
在jb51.net的大多數(shù)文章中，我們并未特別注意CSS文件的可維護(hù)與可讀性的問題，當(dāng)完成一項(xiàng)前端的工作之后，許多人都會忘記該項(xiàng)目的結(jié)構(gòu)與細(xì)節(jié)。然而代碼并不是馬上就能完全定型，在余下的時(shí)間...
作者：asdasdasd11-19 -
門戶網(wǎng)站構(gòu)建CSS框架的規(guī)則
對于大型門戶，海量信息平臺及多模塊，多區(qū)域化網(wǎng)站，更需要對CSS，XHTML，的標(biāo)準(zhǔn)化，符合語意的HTML框架，復(fù)用性強(qiáng)的CSS代碼，這些才能保障你的網(wǎng)站，具有很好的“地基”。
作者：asdasdasd11-19
第一部：... -
幫助你好好學(xué)習(xí)CSS的“邊”和“內(nèi)容”
看完圖下面是測試代碼:
作者：asdasdasd11-19
<html><head><title>jb51.net</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css"></style></head><body><SCRIPT LA... -
不要使用的HTML標(biāo)簽(WEB標(biāo)準(zhǔn)網(wǎng)頁布局)
CSS網(wǎng)頁布局中不推薦使用的HTML標(biāo)簽，請盡量不要使用這些HTML標(biāo)簽。
作者：asdasdasd11-19
Do not use these html elements in html pages. Presentational elements should not be used. Support f... -
CSS:清除浮動(dòng)的最優(yōu)方法
在CSS森林群里討論一個(gè)margin的問題中無意間發(fā)現(xiàn)overflow也可以用來清除浮動(dòng)，嘿嘿，這個(gè)方法不單使用簡單，而且FF、OP、IE7都支持，從此可以告別那又長兼容性又差的FF清浮動(dòng)的方法了。
作者：asdasdasd11-19
方法真... -
巧用CSS濾鏡制作絢麗圖片播放效果
CSS中有revealTrans濾鏡在網(wǎng)頁中制作特效非常有用處。這次，我們準(zhǔn)備介紹另一種使用revealTrans濾鏡制作出超弦圖片播放的效果。 實(shí)現(xiàn)思路：使用revealTrans濾鏡制作出超弦圖片播放的效果，...
作者：asdasdasd11-19 -
從三方面加速CSS樣式作用網(wǎng)頁速度
最近學(xué)校的網(wǎng)絡(luò)越來越慢了，瀏覽網(wǎng)頁時(shí)經(jīng)常出現(xiàn)裸奔的現(xiàn)象，于是我就想如何可以盡量避免這一問題，現(xiàn)把自己的一些思路寫出來，以供大家參考：
作者：asdasdasd11-19
在我們無法更換服務(wù)器或提高服務(wù)器速度的情況下，... -
利用CSS框架進(jìn)行高效率的站點(diǎn)開發(fā) Elements
隨著公司網(wǎng)站的再度改版，當(dāng)初在頁面代碼規(guī)劃以及css設(shè)計(jì)方面的問題逐漸都浮現(xiàn)出來。由于設(shè)計(jì)當(dāng)初考慮得不夠全面，給站點(diǎn)的改版帶來很多不必要的麻煩。CSS框架這個(gè)概念在這個(gè)時(shí)候顯得越發(fā)的...
作者：asdasdasd11-19 -
學(xué)習(xí)CSS了解單位em和px的區(qū)別
這里引用的是Jorux的“95%的中國網(wǎng)站需要重寫CSS”的文章，題目有點(diǎn)嚇人，但是確實(shí)是現(xiàn)在國內(nèi)網(wǎng)頁制作方面的一些缺陷。我一直也搞不清楚px與em之間的關(guān)系和特點(diǎn)，看過以后確實(shí)收獲很大...
作者：asdasdasd11-19 -
WEB標(biāo)準(zhǔn),Web前端工程師定位淺談
先給前端工程師的工作下個(gè)一句話定義：運(yùn)用前端技術(shù)，實(shí)現(xiàn)體驗(yàn)的良好傳達(dá)。如果在前面加上Web，那么是針對Web這個(gè)領(lǐng)域的，主要是互聯(lián)網(wǎng)，也可以將移動(dòng)通信網(wǎng)絡(luò)和其他傳媒網(wǎng)絡(luò)（比如IPTV）包...
作者：asdasdasd11-19