小墨花園 - Crimson Ink

最近心情上需要轉變，因此昨晚改頭換面一下．．．
果然是原本樣式看膩的關係！改完超神清氣爽！
以下筆記一些CSS語法

背景
background: # url() no-repeat;
background: rgba(0%,0%,0%,0.6);  背景色+透明度

位置
position: absolute;
position: relative;
float: right;
關於Position應用 
關於Postiion應用(2)

留白
padding: 15px 5px 15px; 5px;  (上右下左) 內空白
margin: px;  外空白
關於margin的應用詳解

邊框
border: px solid #;  
種類：solid, dashed, double, dotted, groove, ridge, inset, outset
效果範例
border-left: px solid #;
border-right: px solid #;
border-top: px solid #;
border-bottom: px solid #; 

文字
color: #;
text-align:right;  文字對齊
font-size: 1em;
font-weight: bold ;
font-family:"Verdana";
line-height: 180%;  行距
letter-spacing: 1em; 字距
word-break: break-all;  文章斷行

顯示
display: none;
visibility:hidden;
兩者隱藏的顯示差異
overflow: hidden;
overflow屬性一覽

連結
a:hover{}
text-decoration:none;  消除底線
cursor: crosshair;  十字游標

其他
.article-keyword{}  文章tag



Pixnet CSS討論區
Pixner 模板標籤


2011.9.12