CSS

 　　讓我先通俗的介紹一下css，css不屬於html，它屬於html的輔助語言，在沒有css之前，網頁是靜態，但自從有了css

 　　你對DIV CSS網頁布局需要掌握的技巧是否熟悉，這裡和大家分享一下，良好的習慣可能會使你的設計周期加倍縮短。　　DIV CSS網頁布局需要掌握的技巧匯總　　以下是進行CSS設計時的八個必要的小技巧，良好的習慣可能會使你的設計周期加倍縮短。　　1.DIV

 　　title給文本輸入框添加背景 - www.cxybl.com/title STYLE TYPE=TEXT/CSS .bg { background-image:url(bgdemo2.jpg); /*如果想添加你的網站Logo，可將這兩行注釋啟用 background-repeat: no-repeat; background-position: center center; */ } /STYLE /head b  

 head title 立體按鈕-www.cxybl.com / title style type = text/css #elButtona{ color:#000000; font-size:12px; font-family:verdana; font-weight:bold; text-decoration:none; border:4pxoutsetaqua; background-color:#00ffff; display:block; width:13 

 　　在項目中遇到這個屬性的用法設定文本的垂直顯示，但是只能在ie中使用，在其他瀏覽器中沒有很好的替代方法。　　文法：　　writing-mode : lr-tb | tb-rl　　參數：　　lr-tb : 左-右，上-下　　tb-rl : 上-下，右-左　　說明：　　設定或檢索對象的內容塊固有的書寫方向。西方語言是左-右，上-下的書寫方式。但亞洲語言常有上-下，右-左的書寫方式。　　當此屬性值發生變化時，text-align屬性與vertical-align屬性的作用也將發生變化。　

　　一、 去除超級連結的底線以及在超級連結上實現滑鼠移至上方變色：　　在預設情況下，用DreamWeaver設計的網頁中的超級連結都有底線，看上去不大美觀。要去除這些討厭的底線,很多報刊介紹的方法都是在HTML原始碼中手工加入一段代碼，其實在DreamWeave中很容易去除連結的底線。首先在DreamWeaver的Document Windows中隨便建立一個連結，你可以看到這個連結會有底線。怎樣去除這條底線呢?　　1.在點擊功能表列上的"Text"|"CSS

　　CSS檔案的連結方式　　·附加連結：外部CSS檔案　　·匯入CSS：常用應用多個CSS檔案時，將多個CSS匯入一個CSS檔案中　　CSS規則定義有三種：　　1)類比如“.RedText”、“.BlueText”和“.BigText”等等　　2)標籤針對原有HTML標籤做的重新CSS定義　　3)進階偽類、定義了ID的元素，以及綜合性定義　　CSS規則的應用　　·只有“類

 　　當前瀏覽器普遍支援的前提下，css被我們賦予了前所未有的使命。然而依賴css越多，樣式表檔案就會變得越大越複雜。與此同時，檔案維護和組織的考驗也隨之而來。 (曾幾何時)只要一個css檔案就夠了——所有規則(rule)匯聚一堂，增刪改都很方便——可這種日子早已遠去。(現在)建立新網站時，必須花點時間好好籌劃怎麼組織和架構css。　　檔案的組織　　構建css系統的第一步是大綱的擬定。(我認為)css組織規劃的重要性堪比網站目錄結構。(

 如何使DIV置中 主要的樣式定義如下：body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }說明：首先在父級元素定義TEXT-ALIGN: center;這個的意思就是在父級元素內的內容置中；對於IE這樣設定就已經可以了。但在mozilla中不能置中。解決辦法就是在子項目定義時候設定時再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto;

 CSS 解決覆蓋父元素透明度 的效果css相容瀏覽器的透明度寫法1.{opacity:0.3;filter:alpha(opacity=30);}css是不能做到相容覆蓋透明度的如果父元素設定了透明度,那麼子項目是不能比父元素的透明度高,所以可以用以下辦法實作類別似效果1.<div id="bgttt" style="opacity:0.3;filter:alpha(opacity=30);position:absolute;left:0;top:

 　　background-position:url(圖片) 水平(X) 垂直(Y)　　如果水平(X)為正數、垂直(Y)為負數，表示以圖片的右上方為座標，移動各個位移，如 8 -8 (以右上方，向右移8PX 向上移8px);　　如果水平(X)為負數、垂直(Y)為負數，表示以圖片的左上方為座標，移動各個位移，如 -8 -8 (以左上方，向左移8PX 向上移8px);　　如果水平(X)為正數、垂直(Y)為正數，表示以圖片的右下角為座標，移動各個位移，如 8 8 (以右下角，向右移8PX

 隨著CSS3的發布，國外研究正如火如荼，但在國內還有很多人抱著IE不支援CSS3的想法，始終無動於衷不肯去學習。但是曆史告訴我們，好的東西必將盛行，CSS3也終將也會替代CSS2，下面就和大家分享一個用CSS3打造的可摺疊樹狀菜單。樹狀菜單相信大家都不會陌生，我們一般用css+JS

 　　在看騰訊，新浪這些大網站的布局的時候，發現了一個問題，為什麼他們會把css直接掛在頁面上面，而不是分離開來作為一個css檔案link進去。　　這是應付超大流量的一種最佳化方案。　　為提高速度，他們的外部串連檔案一般都儲存在單獨的伺服器上，例如img.****.com，如果這個伺服器掛掉，整個首頁就掛掉了。放在頁面內，比較安全。使用者訪問頁面時，不會因為CSS載入不上，而造成裸頁面。　　那這樣做是不是增加了維護的成本?如果寫在頁面上，不便於修改和管理。　　他有可能是單獨的css檔案

 CSS布局常用的方法：float:none|left|right 取值：none:　預設值。對象不飄浮left:　文字資料流向對象的右邊right:　文字資料流向對象的左邊 它是怎樣工作的，看個一行兩列的例子 xhtml代碼: 以下是引用片段： <div id="wrap"> 

 <style type="text/css">label{float: left;width: 80px;}form{margin:0px}input{width: 180px;border:1px solid #808080}textarea{width: 250px;height: 150px;}#sbutton{margin-left: 80px;margin-top: 5px;width:80px;}br{clear:

 三欄布局是目前最常見的網頁布局，主要頁內容放在中間一欄，邊上的兩欄放置導航連結之類的內容。基本布局一般是標題之下放置三欄，三欄佔據整個頁面的寬度，最後在頁的底端放置頁尾，頁尾也佔據整個頁面寬度。  絕大多數網頁設計者都熟悉傳統的網頁設計技術，用這些技術可以產生帶有表格、建立固定寬度布局或者“液態”（它可以根據使用者瀏覽器視窗寬度自動調整）布局的網頁。現在，我們都開始拋棄基於表格的布局技術，許多網路設計者正在從XHTML標記和CSS格式這一新

 文字過長用省略符號代替純css代碼代碼如下：<table width="550" border="0" cellpadding="5" cellspacing="1" bgcolor="#007373" style="table-layout:fixed"><tr><th nowrap

 畢業設計要做一個提示框：當滑鼠放在某個連結上時，下邊顯示有提示功能的表單。如下：具體代碼實現如下：CSS：代碼如下:.rhsyyhqDIV{position:absolute;top:555px;left:200px;font-size: 9pt;display:block;height:335px;width:405px;background-color:transparent;display: none;}s{position:absolute;top:-20px;left:50

 文字旁邊搭配圖片時，發現圖片比文字靠上，原來預設的情況是圖片頂對齊而文字底對齊，通過設定css屬性可以使得圖片與文字對齊。設定各對象的vertical-align屬性，屬性說明：baseline－將支援valign特性的對象的內容與基準對齊sub－垂直對齊文本的下標super－垂直對齊文本的上標top－將支援valign特性的對象的內容與對象頂端對齊text-top－將支援valign特性的對象的文本與對象頂端對齊middle－將支援valign特性的對象的內容與對象中部對齊bott