Time of Update: 2018-12-06
<style type="text/css"> html,body { margin:0px; width:100%; height:100%; } .gradient_body { /* Firefox 3.6 */ background-image: -moz-linear-gradient(top, #FFFFFF, #4477a1); /*
Time of Update: 2018-12-06
在說到這個問題的時候,也許有人會問CSS中不是有vertical-align屬性來設定垂直置中的嗎?即使是某些瀏覽器不支援我只需做少許的CSS
Time of Update: 2018-12-06
(1)對於一個層內有浮動的層,主層應該用OVERFLOWER:HIDDEN,以消除內層的浮動導致的其它外的影響。比如:<div id="main1"><div id="son1" style="float:left; display:inline">aa</div></div><div id="main2" style="margin-top:10px;"> main2內容
Time of Update: 2018-12-06
xml(extensible Markup Language)的出現,結構化文檔和資料有了一個通用的、科適應的格式,不僅僅應用在web上,也可以應用在任何地方。標準稱為可能。XHTML是The Extensible HyperText Markup Language可擴充標識語言的縮寫。在HTML4.0的基礎上,用XML的規則對其進行擴充,得到了XHTML。它實現HTML向XML的過渡。CSS是Cascading Style
Time of Update: 2018-12-06
<style>body{font-size:12px; font-family:"宋體";margin:0;padding:0;}#menu {height:29px!important;height:30px;line-height:29px;list-style-type: none;background:#B5DCF9;}#menu a {display: block; width: 80px; text-align:center;}#menu a:link {color:#0
Time of Update: 2018-12-06
用表格做網頁排版的時候,一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆驚嘆號(!!!)把網頁就撐開的現象:( 總結了一下,只要在CSS中定義了如下句子,可保網頁不會再被撐開了。 table{table-layout: fixed;} td(word-break: break-all; word-wrap:break-word;) 注釋一下: 1.第一條table{table-layout: fixed;},此樣式可以讓表格中有!!!(驚嘆號)之類的字元時自動換行。 2.td{word-
Time of Update: 2018-12-06
一、CSS HACK以下兩種方法幾乎能解決現今所有HACK.1, !important隨著IE7對!important的支援, !important 方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</style>2, IE6/IE77對FireFox*+html 與 *html 是IE特有的標籤,
Time of Update: 2018-12-06
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2018-12-06
由於BAIDU不支援原始碼,效果請看我的另一個BLOG:http://www.blog.edu.cn/user4/dpxdqx/archives/2007/1867755.shtml 下面是源碼:<STYLE type=text/css media=screen> <!-- *{font-size:12px;} UL{list-style-type:none; margin:0px;} /* 標準盒模型 */ .ttl{height:18px;}
Time of Update: 2018-12-06
· ul 標籤在 Mozilla 中預設是有 padding 值的,而在 IE 中只有 margin 有值。 · 同一個的 class 選擇符可以在一個文檔中重複出現,而 id 選擇符卻只能出現一次;對一個標籤同時使用 class和 id 進行 CSS 定義,如果定義有重複,id 選擇符做的定義有效。 · 初學可能會碰到這樣一個情況,同樣一個標籤的屬性在 IE 設定成 A 顯示是正常的,而在 Mozilla 裡必須要設成 B 才能正常顯示,或者兩個倒過來。臨時解決方案:選擇符 {屬性名稱:B !
Time of Update: 2018-12-06
My first web page with style sheet!Viavia la Vidaby Coldplay I used to rule the worldSeas would rise when I gave the wordNow in the morning I sleep aloneSweep the streets I used to own I used to rule the diceFeel the fear in my enemy's eyesListen as
Time of Update: 2018-12-06
速查表是幫你記住東西的有效工具。Web設計師和開發人員經常使用的快速鍵簡表會使他們在網上的工作效率大大提高。 事實上,速查表就是來協助我們把日常中最常用到的資訊聚集起來,方便使用,使我們做工作時更有效率。有了它們,免去了你的大腦花額外時間去記憶它們的煩惱——你只需要開啟簡表,馬上能查到你想要的資訊。 這篇文章裡,你可以看到最實用的HTML,CSS,JavaScript速查表,它們可以當作參考資料,備忘錄,能協助你以最快的速度找到想要的資訊。
Time of Update: 2018-12-06
精通CSS:進階Web標準解決方案(第2版)(Amazon第一CSS暢銷書全新改版) 基本資料作者: Andy Budd Simon Collison Cameron Moll 譯者: 陳劍甌[同譯者作品] 叢書名: 圖靈程式設計叢書 出版社:人民郵電出版社 ISBN:9787115226730 上架時間:2010-4-1 出版日期:2010 年5月
Time of Update: 2018-12-06
《無懈可擊的Web設計:使用HTML 5和CSS 3提高網站的靈活性與適應性(第3版)》基本資料原書名:Bulletproof Web Design:Improving flexibility and protecting against worst-case scenarios with HTML5 and CSS3, Third Edition 原出版社: New Riders Press 作者: (美)Dan Cederholm [作譯者介紹] 譯者: 馬躍 出版社:清華大學出版社
Time of Update: 2018-12-06
網頁設計與開發——HTML、CSS、JavaScript 基本資料作者: 王津濤 孟慶昌 叢書名: 21世紀高等學校規劃教材.電腦應用出版社:清華大學出版社ISBN:9787302265498上架時間:2012-4-24出版日期:2012 年4月頁碼:351定價 :¥36.00會員價 : ¥27.00(75折) 校園優惠價
Time of Update: 2018-12-06
《HTML & CSS設計與構建網站》基本資料原書名: HTML and CSS: Design and Build Websites原出版社: Wiley作者: (美)Jon Duckett [作譯者介紹]譯者: 劉濤 陳學敏出版社:清華大學出版社ISBN:9787302311034上架時間:2013-3-4出版日期:2013 年2月開本:32開頁碼:479版次:1-1所屬分類:電腦 > 軟體與程式設計 > 網路編程 > HTML更多關於 》》》《HTML &
Time of Update: 2018-12-06
《CSS設計指南(第3版)》基本資料原書名:Stylin’with CSS:a designer's guide作者: (英)Charles Wyke-Smith譯者: 李松峰叢書名: 圖靈程式設計叢書出版社:人民郵電出版社ISBN:9787115313645上架時間:2013-4-28出版日期:2013 年5月開本:16開頁碼:1版次:1-1所屬分類:電腦 > 數位/設計 > CSS更多關於
Time of Update: 2018-12-06
在逛hemin的部落格的時候看到了一道面試題,關於超過寬度顯示省略符號的效果,自己在網上查查,發現了這個CSS版本。當然還有JS版的解決方案,而且簡單,不過這個的思路很精妙,值得收藏! 基本原理是:當容器內的常值內容超過容器寬度時,文本將會換行,這時給容器一個overflow:hidden屬性,換行部分將不會顯示。OK!接下來是最精彩的部分。請看代碼:代碼Code highlighting produced by Actipro CodeHighlighter (freeware)
Time of Update: 2018-12-06
一般情況下:[1位重要標誌位] > [4位特殊性標誌] > 聲明先後順序!important > [ id > class > tag ] 使用!important可以改變優先順序別為最高,其次是style對象,然後是id > class >tag ,另外,另外在同級樣式按照申明的順序後出現的樣式具有高優先順序。先來看下!important
Time of Update: 2018-12-06
看了前端觀察上的一片文章(http://www.qianduan.net/to-sprite-or-not-to-sprite.html),我在這裡自己小小的歸納一下。 首先介紹下CSS Spirits。CSS雪碧的基本原理是把你的網站上用到的一些圖片整合到一張單獨的圖片中,從而減少你的網站的HTTP請求數量。該圖片使用CSS