常常修改,就寫下來記錄一下,免得常常要去觀光別人的網站
文字設定:
文字的樣式屬性 | 常用的一些設定值 | 說明 | 範例 |
font-family : | 細明體, 標楷體, Time new roman, arial, serif, san-serif, Comic Sans MS, Arial Black | 文字字型 | {font-family:arial;} |
font-color : | 色碼(如#FFFFFF..)、顏色的英文字(如:red、black、white..) | 字體顏色 | {font-color:#FFFFF;} |
font-style : | normal(正常體)、 italic(斜體) | 字體樣式 | {font-style:normal;} |
font-weight : | normal(正常體) 、bold(粗體) | 字體份量 | {font-weight:bold;} |
font-size : | xx-small、x-small、small、medium、large、x-large、xx-large、larger、smaller、 長度值(如: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 == 打回應內容的欄位
應該是這樣吧。。。剛剛才試過