-
PDF、ZIP、DOC鏈接的標(biāo)注(CSS技巧)
原文:http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/翻譯:http://www.176so.com/past/2007/3/17/pdf_links_labeling/
作者:asdasdasd11-19
css技巧之PDF、ZIP、DOC鏈接的標(biāo)注
有時候我們希... -
XHTML CSS制作樣式風(fēng)格切換的WEB站點(diǎn)
隨著XHTML的逐漸推廣流行,HTML在許多場合已經(jīng)顯得過時。WorldWideWebConsortium(W3C)于2000年6月26日發(fā)布了XHTML的第一個版本作為推薦標(biāo)準(zhǔn)。XHTML標(biāo)準(zhǔn)的目標(biāo)是取代html。按照W3C的說法,&ldquo...
作者:asdasdasd11-19 -
CSS框架的利與弊(上)
前端時間寫了一篇《利用CSS框架進(jìn)行高效率的站點(diǎn)開發(fā)》,有不少朋友問我相關(guān)的問題。很早5key就在公司進(jìn)行CSS框架的架構(gòu),也對不少朋友提出CSS框架的建議。效果是很明顯的。當(dāng)然,CSS框架有利也...
作者:asdasdasd11-19 -
CSS教程:水平對齊(text-align)
水平對齊(text-align),用以設(shè)定元素內(nèi)文本的水平對齊方式。 1.語法 text-align具體參數(shù)如下:
作者:asdasdasd11-19
語法:text-align:left|right|center|justify 說明:設(shè)定元素內(nèi)文本的水平對齊方... -
CSS配合JavaScript做酷的動態(tài)頁面效果
利用CSS配合JavaScript的可以做很多更酷的動態(tài)頁面效果,在本教程的最后給大家簡單介紹一下CSS配合JS的應(yīng)用。首先,要搞清楚事件和動作的概念。在客戶端腳本中,JavaScript 通過對事件進(jìn)行響...
作者:asdasdasd11-19 -
DIV CSS制作的個性水平導(dǎo)航菜單實例
先看下效果:
作者:asdasdasd11-19
CSS樣式代碼:
以下為引用的內(nèi)容:#pointermenu{border-top: 7px solid black; /*optional border across top*/margin: 0;pad... -
Web標(biāo)準(zhǔn):關(guān)于DOCTYPE
DOCTYPE不可怕,但把它拿走,會讓你怕了又怕。
作者:asdasdasd11-19
最近在藍(lán)色理想轉(zhuǎn)悠,發(fā)現(xiàn)很多朋友提出有關(guān)DIV CSS排版問題,以及IE與FF的兼容問題。怎么問的都有,結(jié)果就是一個——顯示很奇怪,很難... -
學(xué)DIV CSS技術(shù),如何入門?
引言:
作者:asdasdasd11-19
引用一本書中的一段文字:“當(dāng)我第一次開始學(xué)習(xí)漢語時,我的家庭老師老王給了我一本漢英字典、一本漢語語法書和一本初級教程。但是,他將這些書放 在一個書筐里,并說到下周才能派... -
WEB標(biāo)準(zhǔn),Web前端開發(fā)工程師必備技術(shù)列表
想要打造并擁有一流的Web產(chǎn)品開發(fā)團(tuán)隊,在團(tuán)隊成員基礎(chǔ)能力上一定要下功夫。對于Web前端產(chǎn)品開發(fā)來說,僅僅掌握Web1.0時代簡單的"網(wǎng)頁套接"是完全不夠的。我結(jié)合自己的團(tuán)隊配備,特此羅列了...
作者:asdasdasd11-19 -
寫給剛剛接觸web標(biāo)準(zhǔn)的新人們
div還是table?這是個問題…… 自從web標(biāo)準(zhǔn)和網(wǎng)站重構(gòu)的熱潮席卷而來,到處都可以看到如下的問題: 問題1:怎么做1px高的div? 問題2:這個x行y列的table用div怎么...
作者:asdasdasd11-19 -
DIV CSS制作網(wǎng)頁時易犯的錯誤總結(jié)
CSS+DIV是網(wǎng)站標(biāo)準(zhǔn)(或稱“WEB標(biāo)準(zhǔn)”)中常用的術(shù)語之一,通常為了說明與HTML網(wǎng)頁設(shè)計語言中的表格(table)定位方式的區(qū)別,因為XHTML網(wǎng)站設(shè)計標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是...
作者:asdasdasd11-19 -
單行圖片文字垂直居中問題——實戰(zhàn)
使用表格的方法來表現(xiàn)設(shè)計效果
作者:asdasdasd11-19
<style type="text/css">
<!--
body{
font-size:12px;
font-family:"宋體";
}
table{
border:1px sol... -
有趣的Unicode CSS類命名方式
無意中發(fā)現(xiàn)這么一套給CSS命名的方式。不過純屬娛樂,5key還是不建議這么弄的。還是要注意語義化,大家看看就好。一個簡單的結(jié)構(gòu):
作者:asdasdasd11-19
<div class="container"> <div class="left-top"> <div... -
動態(tài)加載外部css或js文件
原理解析:第一步:使用dom創(chuàng)建<script>或者<link>標(biāo)簽,并給他們附加屬性,如type等第二步:使用appendChild方法把標(biāo)簽綁定到另一個標(biāo)簽,一般是綁到<head>.
作者:asdasdasd11-19
應(yīng)用:1、提高代碼的復(fù)用,減少代... -
用CSS制作Alpha濾鏡測試板
alpha濾鏡給制作網(wǎng)頁特效提供了較大的創(chuàng)作空間,但由于它控制參數(shù)較多,在實際應(yīng)用時,為了確定一組合適的參數(shù)值,不得不反復(fù)調(diào)整修改,在編輯窗口和預(yù)覽窗口來回倒騰,甚是麻煩,本文介紹了一...
作者:asdasdasd11-19 -
CSS去除表格的默認(rèn)間距并且制作1px的細(xì)線表
現(xiàn)在在所謂“div css”的風(fēng)氣下,很多人放棄了表格,其實應(yīng)該讓每個標(biāo)簽物盡其用,在表現(xiàn)數(shù)據(jù)的地方,我們還是應(yīng)該使用table。但是,我們在建立table的時候,會發(fā)現(xiàn)它會具有一些默認(rèn)的...
作者:asdasdasd11-19 -
CSS屬性選擇器的四種格式
屬性選擇器(AttributeSelectors),或許你不應(yīng)該對屬性選擇器感到陌生,從本質(zhì)上說,id跟類選擇器其實就是屬性選擇器,只不過是選擇了id或者類的值(value)而已。 屬性選擇器的格式是元...
作者:asdasdasd11-19 -
瀏覽器Quirksmode模式與CSSCompat模式
(資料備考 暫時不明白也無關(guān)系)
作者:asdasdasd11-19
今天偶然看到了一道題中有這樣一段: 在不同瀏覽器的Quirksmode和CSSCompat模式下都保持同一效果
其實對于學(xué)習(xí)標(biāo)準(zhǔn)的人可能更多的人熟悉Quir... -
CSS常用技巧十則
1. Block和inline元素對比 所有的HTML元素都屬于block和inline之一。 block元素的特點(diǎn)是: 總是在新行上開始; 高度,行高以及頂和底邊距都可控制; 寬度缺省是它的容器的100%,除非設(shè)定一個寬度...
作者:asdasdasd11-19 -
非常流行的所謂的氣泡窗口
普通的Alt無法自定義風(fēng)格,而Sweet Titles通過JS腳本與CSS的集合.自定義了這種偽Alt風(fēng)格.前一段時間非常流行的,就所謂的氣泡窗口(鼠標(biāo)移到鏈接處出現(xiàn)的).我們這里實現(xiàn)的用的是Sweet Titles的插件...
作者:asdasdasd11-19 -
CSS隱藏網(wǎng)頁文字的幾種常用方法
display:none:它可以使包括容器本身在內(nèi)的東西都消失,簡便且有效,但它有兩個耳熟能詳?shù)娜毕荩蔷褪菍λ阉饕娌挥押茫冶黄聊婚喿x器所忽略。
作者:asdasdasd11-19
text-indent:-9999px:text-indent是首行縮進(jìn)... -
CSS教程:text-indent隱藏文字出現(xiàn)虛線框outline
鏈接用圖片做背景,text-indent:-9999px; 隱藏文字,此效果在 IE 中是正常的,但在 Firefox 里,鼠標(biāo)點(diǎn)擊該鏈接時,虛線框卻會包住被縮進(jìn)的文字,結(jié)果顯示為虛線框 N 長。
作者:asdasdasd11-19
因為平時是用... -
調(diào)整CSS類型的順序改變鏈接翻滾
通過指定每一鍵接的不同風(fēng)格以建立CSS翻滾效果,這些鏈接包括普通的鏈接link (normal), 訪問,翻轉(zhuǎn),以及激活。并且,你可能也知道CSS類型的順序可以產(chǎn)生效果上的差別,CSS代碼后順序的風(fēng)格...
作者:asdasdasd11-19 -
CSS教程:li和ul標(biāo)簽用法舉例
LI代碼的格式化:A).運(yùn)用CSS格式化列表符: ul li{list-style-type:none;}B).如果你想將列表符換成圖像,則: ul li{list-style-type:none;list-style-image: url(/blog/images/icon.gif);}C...
作者:asdasdasd11-19 -
CSS布局實例:上中下三行,中間自適應(yīng)
上中下三行布局,上下定高,中間欄自適應(yīng)瀏覽器高度,且內(nèi)容垂直居中。
作者:asdasdasd11-19
firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 測試通過。
對于非ie內(nèi)核瀏覽器,通過設(shè)定...
