CSS

jQuery&CSS 頂部和底部固定浮動工具列 相容IE6http://www.bluesdream.com18December2012現在常常能看到一些網站（如：新浪微博和花瓣）導航條或工具列固定在網頁的頂部或其他地方。這樣的布局方式，能便於使用者點擊和“曝光率”，不用每次都要把網頁拖動到某個特定位置才能點擊或看到。其實這樣的布局方式很早就有，只是沒有那麼個契機推廣開吧。做起來也不複雜，只要設定一個小小的屬性“position:fixed”便能完成，最關鍵的無不呼在於要相容IE6而已。

 body {               background-color:Black;/*Firefox+Google*/               background-color:red\9\0;/*IE9*/               background-color:blue\0;/*IE8*/               *background-color:red;/*IE7,IE6*/               +background-color:navy;/*IE7*/ 

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

          tr是html標籤中行的標記，在web開發中，有時候我們為了美觀需要修改行的屬性。比如tr的邊框。如果我們按照如下的形式修改tr的屬性就大錯特錯了.      1 tr{2 3 border:1px solid #DDDDDD;4 5 }              這樣是沒有任何效果的。因為表格中的tr並非單一的邊框，這樣便需要屬性border-collapse，border-collapse 屬性設定表格的邊框是否被合并為一個單一的邊框，還是象在標準的 HTML

接下來我們在案頭建立一個檔案夾，命名為“DIV+CSS布局練習”，在檔案夾下建立兩個空的記事本文檔，輸入以下內容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

   在網站根目錄添加App_themes檔案 在裡面可以添加多套模板檔案夾     例如:建立一檔案夾名為simple把定義好的div+css放到simple內,包括css和圖片等,如果以後有.net控制項可以再加個*.skin檔案.專門做定義用,接著就可以套用模板拉†^a^»    調用方法要寫在Page_PreInit裡面,以後的事情就交給兄弟們自己創作拉!!!     protected void Page_PreInit()    {        LoadTitle();    } 

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

屏蔽IE瀏覽器（也就是IE下不顯示）*:lang(zh) select {font:12px  !important;} /*FF,OP可見，特別提醒：由於Opera最近的升級，目前此句只為FF所識別*/select:empty {font:12px  !important;} /*safari可見*/這裡select是選擇符，根據情況更換。第二句是MAC上safari瀏覽器專屬的。僅IE7與IE5.0可以識別*+html  select

    一、 圖片            圖片中alt:是當圖片沒有下載成功時，會顯示出alt所對應的屬性，當滑鼠移上去的時候會顯示alt內容            JPG(全名jpeg):支援1600萬種顏色和有損壓縮，在壓縮程度上，你可以從無到極度隨意有損壓縮，壓縮量越大，產生的檔案就越小，品質也就越低，JPG不支援背景透明            GIF:藝術線條和電腦合成圖片最合適的格式，最高只能支援256種顏色，若要想要得到更多顏色，映像軟體通過抖動來類比出那些顏色。支援透明背景顏色。 

     一、文本縮排           可以使用一個text-indent的正值來縮排文本首行。           text-indent:value                 只適用於終端塊狀元素，不適用於結構化塊狀元素和內斂元素。預設的情況是text-indent被子項目繼承。這表示你可以將text-indent賦值給一個結構化塊狀元素，所有的子終端塊狀元素都將繼承你賦給text-indent的值。      二、首行凸排           

       一、列表             資訊服務人員管理系統管理系統重啟日誌管理服務狀態 faux(人造的)               1、ul是無序節點，ol是有序節點        2、所有的主流瀏覽器都是縮排40px，但從實際考慮出發，可以設定ul,ol :margin-left:0px  ; padding-left:0px，然後li設定margin-left:value 就可以排除特殊情況了        3、display:list-item 

 一、  字型      正斜體，粗體，小型大寫字母（font-variant:small-caps）        註：一些字型只有大寫的特性，並且大多數字型沒有小型大寫字母的特性（小型大寫字母）       font-family:Adobe 黑體 Std R, @Adobe 仿宋 Std R;假如第一瀏覽器找不到，會試圖找第二個，依次類推。因此最後一個字型應該是標準字型名稱常量       font-size     設定字型的大小      

       這一章對所有的定位進行總結  一、靠左對齊塊狀元素置中內嵌元素無效          ① 要將內容靠左對齊      將text-align:left  賦值包含的塊狀元素，因為內嵌元素是包含內容大小的          ②靠左對齊的設定尺寸的元素    magin-left:0  將它靠左對齊，使用margin-right :auto阻止它靠右對齊，對於絕對位置的元素，採用left:0靠左對齊，right:auto來阻止它靠右對齊          

       何為雜記，雜記就是我隨便寫寫的，平時看到覺得有用的就記下來       1、text-overflow     clip | ellipsis              當文本溢出時是否顯示“...”  此屬性必須是overflow:hidden下才能使用            clip:不顯示省略標記（...），而是簡單的裁切            ellipsis  :當對象內文本溢出時顯示省略標記（...）    ellipsis代碼Code highlighting

登入用的使用者名稱和密碼框：<style type="text/css">.title{font-family: verdana, tahoma, sans-serif;FONT-SIZE: 10px;font-weight:bold}.grey{FONT-SIZE: 12px;color:#666666}.orange {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600}.orange

1.CSS字型屬性簡寫規則 V~Xwa &  D='lWXC  一般用CSS設定字型屬性是這樣做的： 2j6Wh?H?%  1m{&~im  font-weight:bold; 3tBB3L['L  #NqA+j pP  font-style:italic; `+x'~oe7  32 24PQL&  font-varient:small-caps; @M.!\n%M  f e9"8N  font-size:1em; e(H) F*^lg  +m;i8-X,5@

1）樣式表是由規則群組成的2）規則是由選取器和聲明組成的3）聲明是由屬性和值組成的4）值可以是關鍵字，長度，顏色，字串，整型，實型，或者是URI5）em亮度最好用於螢幕布局，英寸和厘米的絕對量度單位更適合列印布局，像素單位用在使用者對字型大小不是首要要求的情況下6）抖動是混合已知顏色來類比未知顏色的方法7）RGB是疊加色8)十六進位的顏色是表示RGB顏色的另一種方法9）短十六進位標記法是Web安全色的方法10）URI用於在CSS包含樣式表和背景映像11）可以使用<style>元素將樣

1.安裝nodejshttp://nodejs.org/2.安裝各自的node packagejs我用的是UglifyJS github地址：https://github.com/mishoo/UglifyJScss我用的是clean-css github地址：https://github.com/GoalSmashers/clean-css圖片用的是node-smushit    github地址：https://github.com/colorhook/node-smushit3.編寫代碼/

cursor:url(http://localhost/d2/matches.cur),url(http://localhost/d2/matches.cur),n-resize;　　1.IE6也支援cursor屬性的URL值，然而，IE只支援CUR和ANI的格式。2.IE不支援CSS3的座標。這時候游標圖片將被忽略。3.Firefox1.5 (Gecko1.8), Windows and Linux和Safari3.0 (Webkit522-523)支援.cur | .png | .gif |

為了讓您的網站更富有創意能夠第一眼留住使用者，今天給大家分享一些很酷的,而且完全免費的CSS和XHTML網頁布局。你可以下載和使用他們來製作自己的精美網站，呵呵HTML5 and CSS3 ( 示範 | 下載 )JeansWebsite ( 示範 | 下載 )Lawyer & Attorney ( 示範 | 下載 )Ornare ( 示範 | 下載 )iPhone