CSS

文章簡介：CSS命名字型時，如果網站是UTF8編碼的時候，切記要用英文字型名稱，不然字型顯示無效，下面列舉的一些CSS英文命名的英文字型。 CSS命名字型時，如果網站是UTF8編碼的時候，切記要用英文字型名稱，不然字型顯示無效，下面列舉的一些CSS英文命名的英文字型。Mac OS的一些：華文細黑：STHeiti Light [STXihei]華文黑體：STHeiti華文楷體：STKaiti華文宋體：STSong華文仿宋：STFangsong儷黑 Pro：LiHei Pro

文章簡介：css中Buttons樣式最佳設定. 製作按鈕時，我們平常都用“<button>”、“input[type=rest]”、“input[type="submit"]”和“input[type=button]”較多，如果你想讓你的按鈕漂亮，記得加上下面的樣式： /*IE下除去多餘的邊距 */ 

文章簡介：CSS網頁設計教程:表單Button的Outline. outline的使用，大家都喜歡在reset樣式表中直接重設： * {  outline: none;}Eric Meyers在他的CSS Reset是這樣重設的： /* remember to define focus styles! */:focus {    outline:

文章簡介：Div+css的網站結構對seo網站最佳化起到的作用越來越明顯.研究現在排名靠前的一些熱門關鍵詞網站,基本都是用div+css了,那麼為什麼DIV+CSS會對排名或者說是seo更加有利呢?

文章簡介：CSS網頁布局應該避免濫用div元素一直是我們倡導的，以合適的HTML標籤組織文檔是CSS網頁布局的基??/font>

瀏覽器支援所有主流瀏覽器都支援 cursor 屬性。注釋：Opera 9.3 和 Safari 3 不支援 url 值。注釋：任何版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。 值 描述 url 需使用的自訂游標的 URL。

  <!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/

文章簡介：淘寶導航的小三角箭頭表徵圖. 沒事做了一個淘寶導航的小三角箭頭表徵圖，測試/支援環境：IE7+、Firefox8、chrome以下為源碼：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

<!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"&g

文章簡介：CSS網頁製作執行個體代碼:新浪微博的三角映像。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

一、IE邊框若顯若無，須注意，定是高度設定已忘記；二、浮動產生有緣故，若要父層包含住，緊跟浮動要清除，容器自然顯其中；三、三像素文本慢移不必慌，高度設定幫你忙；四、相容各個瀏覽須注意，預設設定行高可能是殺手；五、獨立清除浮動須銘記，行高設無，高設零，設計效果兼瀏覽；六、學布局須思路，路隨布局原理自然直，輕鬆駕馭HTML，流水布局少hack，代碼清爽，相容好，友好引擎喜歡迎。七、所有標籤皆有源，只是預設各不同，span是無極，無極生兩儀—內聯和塊級，img較特殊，但也遵法理，其他只是改

有時候，我們用css建立一個高度調適型配置，如何保證頁尾（footer）在內容不超過一屏的情況下始終保持在布局最下方是一個比較頭疼的事。我看過一些利用絕對位置的例子，但總感覺不是那麼完美，經過一下午的研究總結出一個利用負值外補丁的方法來實現這個效果的方法，相容ie5.0+，opera 8.5+，firefox 1.5+。下面我們看步驟： 1、為了讓瀏覽器識別高度100%我們需要先給 html 和 body 加上一個高度值，同時清除所有元素的 margin 和

文章簡介：開源javascript/html/css的運行和調試 - editr. 日期：2013-5-6  來源：GBin1.com大家肯定熟悉極客社區的gbdebug，jsfiddle和jsbin等線上調試和運行服務，今天這裡我們介紹一個開源的線上運行服務，你可以非常方便的整合到自己的網站中。主要特性 依賴jQuery和ACE Eidtor 配置簡單a 支援單頁面多個執行個體 可以通過JS對象或者HTML

大家在編寫css的時候可能認為記事本並不是最棒的，有什麼css編輯工具可以提高我們編碼的效率呢？ 　　topstyle(點擊下載：topstyle v3.5 beta 4)是我一直用的css編輯工具，最開始就是瞎用也沒有仔細研究過，不過後來把裡面的功能仔細看了看發現它的功能真是太強大了！ 　　在這裡分享一下使用經驗，我在編輯css時常用的快速鍵： 　　文字注釋：shift+ctrl+m 　　向右縮排：shift+ctrl+. 　　負值縮排：shift+ctrl+, 　　下一個css：ctrl+]

z-index 屬性是設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素前面。該屬性的屬性值可以擁有負值；說明：    該屬性設定一個定位元素沿 Z 軸的位置，Z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離使用者更近，為負數則表示離使用者更遠。所有瀏覽器都支援 z-index 屬性；

文章簡介：跨瀏覽器的CSS固定定位{position:fixed}. 不知道您是否留意了，瀏覽本站時，瀏覽器右下角有一個標著top的黑色直角三角形，可以點擊它返回到正在瀏覽的網頁頁首。當滾動網頁時，它的位置一直沒有任何改變，您感覺它怎麼樣？這就是通過CSS的定位屬性{position:fixed}來實現的，通過它可以讓HTML元素脫離文檔流固定在瀏覽器的某個位置。

本次課為系列課程的第二課，由舒克帶來的“HTML/CSS/JavaScript”基礎知識，課程中著重介紹了HTML的語義化，因為語義化是前端工程師最容易理解又最難掌握的，比如何時使用什麼樣的標籤，這取決於前端工程師對標籤和頁面內容的理解。要注意頻道首頁和詳情頁是不同的，頻道首頁中的資訊比較瑣碎，詳情頁中的內容更像“文章”，因此內容的語義是有差別的。這一點需要注意。http://www.slideshare.net/lijing00333/htmlcssjs在HTML章節的最後著重講解了頁面的可用

一天大家在團隊中討論“未知圖片垂直置中”的問題，突發奇想用vertical-align:middle這個屬性來實現，於是抽了時間做了下面這個不成熟的例子：CSS:div{ width:140px; height:140px; text-indent:-8px; text-align:center; line-height:138px; background:red; font-size:12px; *font-size:120px;

1、css代碼的簡寫css縮寫的文法，對新手有一定協助,老鳥就不用看了.1.1： 0px不需要單位，直接:margin:01.2：盒模型的縮寫，文法是margin:上 右 下 左;.甚至可以簡寫成margin:上 (右左) 下,當然右左的值應該是一樣的1.3：css屬性的最後一項”;”號省略。（不建議 ^_^）1.4：字型寬度normal用400代替,bold用700代替。1.5：16進位的色彩值，如果每兩位的值相同，可以縮寫一半，例如：#000000可以縮寫為#000;

試想過總結出這幾年來寫css與xhtml的經驗 ，匯總成一片”曠世奇文”分享給大家。無奈寡人年世已高，真是有點力不從心了。於是轉念一想，可以用筆記的形式展現，這樣就不用擔心寫不出來了。現在就來說個淘寶首頁上的一個小技巧。1、類目之間的橫豎線從很久很久以前開始，類目間的豎線無非都只有三種。1、背景圖在a標籤設定一個padding 用寬1px高不等的背景圖來position到右側。缺點：最後一個還是要用class來隱藏掉背景。2、符號在每個a標籤之間用”̶