常常修改,就寫下來記錄一下,免得常常要去觀光別人的網站

文字設定:

      

文字的樣式屬性 常用的一些設定值 說明 範例
font-family : 細明體, 標楷體, Time new roman, arial, serif, san-serif, Comic Sans MS, Arial Black 文字字型 {font-family:arial;}
font-color : 色碼(#FFFFFF..)、顏色的英文字(:redblackwhite..) 字體顏色 {font-color:#FFFFF;}
font-style : normal(正常體) italic(斜體)    字體樣式 {font-style:normal;}
font-weight : normal(正常體) bold(粗體)   字體份量 {font-weight:bold;}
font-size :  xx-smallx-smallsmallmediumlargex-largexx-largelargersmaller  長度值(:10pt)或百分比值   字體大小 {font-size:10px;}
text-decoration :  none(連結無底線)underline(連結加底線)overline(連結加頂線)linethrough(連結加刪除線)blink(連結閃爍)    文字裝飾 {text-decoration:none}
text-transform : none(不做任何轉換)capitalize(將每個字的第一個字母轉換成大寫)uppercase(將所有字母轉換成大寫)lowercase(將所有字母轉換成小寫)   文字轉換 {text-transform:uppercase;}
text-align :

 left(靠左對齊)right(靠右對齊)justify(左右對齊)center(置中)

文字對齊 {text-align:center;}
text-indent : pt(點)in(英吋)cm(公分)px(像素)%(百分比,參照於父元件) 設定文字縮排 {text-indent:1cm} 
line-height pt(點)in(英吋)cm(公分)px(像素)%(百分比,參照於父元件) 設定文字行列高度 {line-height:10pt:}
letter-spacing :  pt(點)in(英吋)cm(公分)px(像素)%(百分比,參照於父元件) 設定文字間距 {letter-spacing :10pt;}

 

**邊框設定:

HTML標籤{border: 1px solid 色碼}              /*設定外框*/


[解說]
1.上面的語法是把外框改成寬度為1px有顏色的實心框線。

HTML標籤(綠色部分)可針對你想修改的位置作更換。


2.此語法對四邊的外框做同一的設定。也可針對四邊的框做不同的設定:
border-bottom:1px solid 色碼;  /*設定下面的外框*/
border-top:1px solid 色碼;        /*設定上面的外框*/
border-left:1px solid 色碼;        /*設定左邊的外框*/
border-right:1px solid 色碼;      /*設定右邊的外框*/


4. solid可改為下列不同樣式的外框。常用的邊框樣式(外框的線條樣式):


 一般常用線條:solid(實心線)、dotted(點)、dashed(短線)、double(雙實線)
 立體效果線條:groove(立體內凸框)、ridge(立體浮凸框)、inset(凹框)、outset(凸框)

**邊界設定(設定文字與邊緣距離):
 

 

  集體設定: (數值10像素請自行更改設定)
  margin:10px;

  單一設定:
  margin-top:10px;               /*上邊界*/
  margin-right:10px;             /*右邊界值*/
  margin-bottom:10px;         /*下邊界值*/
  margin-left:10px;               /*左邊界值*/


  內容緊貼網頁邊界: (把像素設為零)
  margin:0px; 

from:keigo-凱哥's無名


 comments-head == 顯示回應的標欄
 comments-body == 顯示回應人的那一列
 comments-body P == 顯示的回應內容
 comments-bottom .comments-head == 打回應內容的標欄
 comments-post == 打回應內容的主體
 comments-body FROM == 打回應內容的欄位

 應該是這樣吧。。。剛剛才試過 


arrow
arrow
    全站熱搜

    阿玻 發表在 痞客邦 留言(0) 人氣()