CSS

看代碼  代碼如下複製代碼 <div class="top">    <div class="sub">css opacity attribute!</div></div>

　　怎麼解決這個問題呢？經發現可以採用overflow來解決！方法是在父元素加上如下代碼即可： overflow:auto;zoom:1; 　　“overflow:auto;”是讓高度自適應，“zoom:1;”是為了相容IE6，也可以用“height:1%;”來解決。  代碼如下複製代碼 <!DOCTYPE html PUBLIC &

　　cell-box：包圍內容的最小框。　　cell-box的baseline：一般來說為這個cell-box裡第一行文字框從下往上四分之一處(大約，為個人理解)。　　這一行的baseline：這一行vertical-align為baseline的所有cell-box，cell-box頂部到該cell-box baseline距離最大的

文法：text-align : left | right | center | justify 說明：設定元素內文本的水平對齊。 參數：left : 靠左對齊；right : 靠右對齊；center :  置中；justify :  左右對齊 初始值：跟瀏覽器的設定有關 繼承性：

無意中路過Firefox社區發現他們的跟隨捲軸漂浮層比自己之前做的要流暢、自然，好奇下用Firebug對其構造進行分析：1、剛開始覺得和自己寫的原理一樣用以下控制浮動層顯示位置　view sourceprint?Top:0; position:

ie和ff下有所不同。ie下如果要成功擋住，必須為上層標籤加背景，否則無效。ff加不加背景都行。a.showdetaillnk{position:absolute;top:0;left:0;width:220px;height:20px;z-index:100;opacity:0;background:#ffffff;filter:alpha(opacity=0);}.flash_container{position:relative;}<div

e8/9(標準模式) and firefox/safari/chrome/operaie6/7 and ie8/9(怪異模式)外層div加了上下padding 15px，可是在ie6/7 and ie8/9(怪異模式)下padding卻翻倍了。<!doctype html><html> <head>  <meta charset="utf-8">  <title>ie6/7 double

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"><html><head><title>new document</title><style

在IE下,我們只要指定select的寬度即可.如:  代碼如下複製代碼 <select name="ddlDept" id="ddlDept" style="width:80px;"><option>上海 - 物業資訊部</option><option>北京 - 物業資訊部</option><option>重慶 -

 代碼如下複製代碼 <style type="text/css">.thumbImage img{ MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;} .thumbImage {MARGIN: auto;WIDTH: 600px;}

定義和用法letter-spacing 屬性增加或減少字元間的空白（字元間距）。該屬性定義了在文本字元框之間插入多少空間。由於字元字形通常比其字元框要窄，指定長度值時，會調整字母之間通常的間隔。因此，normal 就相當於值為 0。注釋：允許使用負值，這會讓字母之間擠得更緊。預設值： normal 繼承性： yes 版本： CSS1JavaScript 文法： object.style.letterSpacing="3px"執行個體設定 h1 和 h2 元素的字母間距： &

代碼  代碼如下複製代碼  <!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"

用margin還是用padding這個問題是每個學習CSS進階時的必經之路。　　CSS邊距屬性定義元素周圍的空間，通過使用單獨的屬性，可以對上、右、下、左的外邊距進行設定，也可以使用簡寫的外邊距屬性同時改變所有的外邊距。　　邊界(margin)：元素周圍產生額外的空白區，“空白區”通常是指其他元素不能出現且父元素背景可見的地區。　　padding稱呼為內邊距，其判斷的依據即邊框離內容本文的距離，而我喜歡CSS權威指南解釋的“補白”（或者叫&ldqu

先來看看效果圖片這是我們常見到的tips提示效果，精美又好看了。  代碼如下複製代碼 <!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 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Fixed Width

 代碼如下複製代碼 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html

涉及到的條件注釋代碼如下：  代碼如下複製代碼 <!DOCTYPE html><!--[if lt IE 7 ]><html class="ie ie6"><![endif]--><!--[if IE 7 ]><html class="ie ie7"><![endif]--><!--[if IE 8 ]><html

對於div1.（IE瀏覽器）white-space:normal; word-break:break-all;這裡前者是遵循標準。  代碼如下複製代碼 #wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}eg.<div id="wrap">ddd1111111111111111111111111111111111111111111111

關於如何使用 PostCSS 外掛程式跨瀏覽器安全色，請點擊這裡:

有一天,Harry Roberts有一段有關於他網站上的代碼在twitter求教，如果有可能，在某些方面得到改善。Harry Roberts做的是使用keyframes的carousel動畫，所以說使用一些數學計算是有可能得到相應改善。    “Why do we have to learn algebra, Miss? We’re never going to use it…” —Everyone in my maths class