生活不外如是

關於部落格
密室遊戲攻略&介紹、討論


☺新朋友留言前請先詳閱版規,提問時請勿忘基本禮貌,感謝您的配合。

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  • 3427150

    累積人氣

  • 28

    今日人氣

    0

    訂閱人氣

CSS基本語法整理

【基本單位】

名稱 

語法 

說明 

數值單位 

pxptpcem
en
in % ..... 

% = percentage 百分比
in = inches
英吋
cm = centimeters
公分
mm = millimeter
公釐 
px = pixels 像素
pt  = points
點數(1 point=1/72 英吋)
pc = picas
倍卡(1 pica=12 )
em =
全形字,即大寫字母 ”M” 的高度
en =
半形字,1/2 em
ex = x-height
,即小寫字母 "x" 的高度 

顯示/隱藏 

DISPLAY: 

顯示 blockyes
隱藏 none
DISPLAY: none; 

顯示/刪除  

VISIBILITY: 

刪除 hidden
顯示 visible
繼承 inherit 
VISIBILITY: visible; 

寬度  

WIDTH: 

數值單位、百分比% 
自動調整 auto
WIDTH: 200px; 

高度  

HEIGHT: 

數值單位、百分比% 
自動調整 auto
© HEIGHT: 90%; 


文字

文字屬性  

語法  

樣式  

字型  

FONT-FAMILY:  

標楷體、新細明體、Arial ....(可設多種字型)
FONT-FAMILY: 新細明體,Arial,Tahoma…..; 

樣式  

FONT-STYLE: 

一般 normal
斜體 italic
FONT-STYLE: italic;   

大小

FONT-SIZE: 

數值單位、smallmediumlarge
FONT-SIZE: 12px; 

粗細  

FONT-WEIGHT: 

一般 normal
lighter
較粗 bold
最粗 bolder
FONT-WEIGHT: bold;  

顏色  

COLOR:  

色碼16進位色碼表   英文色碼表 
COLOR: #336699; 

水平對齊
(文字、物件)  

TEXT-ALIGN: 

靠左對齊 left
置中對齊 center
靠右對齊 right
分散對齊 justify (僅文字)
TEXT-ALIGN: center; 

垂直對齊
(文字、物件) 

VERTICAL-ALIGN: 

靠上對齊 top
置中對齊 middle
靠下對齊 bottom
對齊文字底部baseline
對齊文字頂端text-top (僅文字)
對齊文字底部text-bottom (僅文字)
VERTICAL-ALIGN: text-top; 

上下標字  

VERTICAL-ALIGN: 

上標字 super 
下標字 sub
VERTICAL-ALIGN: super; 

字元間距 

LETTER-SPACING: 

數值單位 (預設=0 )
LETTER-SPACING: 1.5em; 

行列高度  

LINE-HEIGHT: 

數值單位 (一列底線到另一列底線的高度) 
LINE-HEIGHT: 24px; 

文字加劃線  

TEXT-DECORATION:   

無劃線 none
刪除線 line-through
頂線 overline
底線 underline 
TEXT-DECORATION: underline; 

英文大小寫 

TEXT-TRANSFORM: 

大寫 uppercase
小寫 lowercase 
字首大寫 capitalize
TEXT-TRANSFORM: capitalize; 

文字縮排  

TEXT-INDENT: 

數值單位
TEXT-INDENT: 26pt; 

文字轉換  

FONT-VARIANT:  

一般 normal
小寫字母轉換為較小的大寫字母 small-caps 
FONT-VARIANT: small-caps; 

單詞間距  

WORD-SPACING: 

數值單位
WORD-SPACING: 1px; 

斷字  

WORD-BREAK: 

預設normal
允許中文斷字 break-all
允許英文斷字 break-wordkeep-all
WORD-BREAK: break-all; 

文字直書

WRITING-MODE: 

tb-rl
WRITING-MODE: tb-rl; 


背景

背景屬性  

語法  

樣式  

背景顏色

BACKGROUND-COLOR: 

色碼16進位色碼表   英文色碼表 
透明 transparent
BACKGROUND-COLOR: #000000; 

背景圖片 

BACKGROUND-IMAGE: 

url (*圖片網址*);  
※圖片格式.jpg.gif.bmp
BACKGROUND-IMAGE: (*圖片網址*); 

重複排列 

相簿設定
標籤設定
相簿狀態