pc23th 電腦學習

vertical-align 可以指定文字垂直方向的對齊方式，包括向上對齊、向下對齊、置中對齊、對齊基本線、上標、下標。 這項特性使用的特性值如下： baseline （基本線，也就是一般的對齊方式。） bottom （向下。） middle （置中。） top （向上。） sub （下標。） super （上標。）    <td style="vertical-align: top">向上對齊</td>    <td style="vertical-align: middle">置中對齊</td>    <td style="vertical-align: bottom">向下對齊</td> 向上對齊 置中對齊 向下對齊

做同分頁，不同配色 寫CSS語法時 ，預留關鍵字 css 語法內，先把所有的 「配色」、文字大小、文字顏色、都 寫在同一同css裏 html取代掉關鍵字，新的配色就OK了

插入不換行 空格  Ctrl+Shift+Spacebar 

li {      overflow: hidden;  /*超過範圍隱藏 */       white-space: nowrap;  /*不斷行     */ }

CSS：   #content{     width: 960px;     margin-top: 5px;     margin-right: auto;     margin-left: auto; } #contentR{     width: 80%;     margin-left: 20%; } #contentL{     width: 20%;     float: left; }  .floatR{     float: right; } .floatL{     float: left; } .floatC{     clear: both; } =================================分隔線=====================================   html <div id="content">     <div id="contentL"></div>     <div id="contentR"> <div class="box1"> <div class="box2"></div> <div class="box3"></div> <div class="box4"></div> </div>     </div> </div> ====================解說==================== relative(相對位子)、absolute(絕對位子) 先將box1定...

css： #box1{      border: 1px solid #F00;     height: 50px; } #box2{     border: 1px solid #00F;     height: 25px; }   .sampo1{         margin-top :5px  // 會含最外框一起動 } .samop2{ top: 5px;  //只動裏面的框框 }   ============================================================  html： <div id="box1 ">     <div id="box2 sampo1">     </div> </div>   <div id="box1 "> <div id="box2 sampo2"> </div> </div>

margin : 0px;

table {   border: 1px solid #00;   border-collapse: collapse; } tr, td {   border: 1px solid #00; }

table {      rules="none" ;     border-collapse:collapse;  } td {     padding:0 0 0 0; }

使用table-cell，可使標題形成table，畫面就會是一格，一格的 如不使用table，畫面會呈現，一橫欄

目的：連結變化要單獨使用在u1      測試用 Html語法 > 測試變化     CSS語法  1、a:link{ }    a:hover{ }     /*先讓標籤    能工作*/ 2、btn ->    btn a:link { }  /*此時還是不能功能，還要加上點*/ 3、.btn a:link { } btn a:hover { }      /*可以使用了 */  

li {   display:inline; }

.font_size { font-size:20px; } .font_color { color:#FF0000; } 那以下的 HTML 碼， 這是多重 Class 的例子。

html         1     2     3     4     5   css     .tab{     }

text-align:left    //靠左對齊 text-align:center text-align:right     text-align   屬性是用來設定文字是如何對齊。可能的值包括： left ： 靠左對齊 right ： 靠右對齊 center ： 向中間對齊 justified ： 左右對齊

cellspacing 及 cellpadding 應用 cellspacing是儲存格間距，cellpadding是儲存格墊充， 間距是用來調整儲存格線的寬度，墊充是儲存格內的寬度。 主要應用如下 <table  cellspacing="0" cellpadding="0">  </table> 二個語法都要同時下，語法才能正確， 如果語法錯誤，還是能顯示結果

http://www.cis.nctu.edu.tw/~is91056/css_1.htm

無標題文件 自訂選單列  Widget 「屬性」檢視窗可讓您對選單列 Widget 進行簡單的編輯，但不支援自訂的樣式設計工作。您可以變更選單列 Widget 的 CSS規則，並依照您所喜愛的樣式建立選單列。 以下主題中的所有 CSS 規則都是指 SpryMenuBarHorizontal.css 或 SpryMenuBarVertical.css 檔案 (視您的選擇而定) 中的預設規則。每當您建立 Spry 選單列 Widget 時，Dreamweaver 都會將這些 CSS 檔案儲存在您網站的 SpryAssets 資料夾中。這些檔案也包含 Widget 所適用各種樣式的實用註解資訊。 您可以輕鬆地在隨附的 CSS 檔案中直接編輯選單列 Widget 的規則，也可以使用「CSS 樣式」面板來編輯選單列的 CSS。「CSS 樣式」面板可以協助您尋找指定給 Widget 不同部分的 CSS 類別，在您使用面板的「目前」模式時，特別有用。 變更選單項目文字樣式 附加至 <a> 標籤的 CSS 包含文字樣式的相關資訊。另外還有幾種附加於 <a> 標籤、與不同的選單狀態相關的文字樣式類別值。 若要變更選單項目的文字樣式，請使用下表找出適合的  CSS 規則，然後變更預設值： <thead> 要變更的樣式 垂直或水平選單列的  CSS  規則 相關屬性和預設值 </thead> 預設文字 ul.MenuBarVertical a、ul.MenuBarHorizontal a color: #333; text-decoration: none; 滑鼠指標滑過時的文字顏色 ul.MenuBar...

[新增CSS規則]         [類別]可套用至任何html元素    新增 float_right、floatleft，二個元素         將float_right內的方框，屬性float 選right         將floatleft    內的方框，屬性float 選left    [插入Div標籤]         新定義Clearboth標籤         CSS面板 -> 插入Div標籤 -> [插入] 在插入點上 -> [類別] clearboth 排板之後，再將文字刪除      [CSS語法如下]   .floatleft { float: left; } .clearboth { clear: both; } .floatright { float: right; } 再將要左移或右移的設定後，如有不正常的移動板塊  插入Div標籤，[類別] Clearboth  或原始碼上寫入

http://msdn.microsoft.com/zh-tw/library/ee371189(v=Expression.30).aspx