最近心情上需要轉變,因此昨晚改頭換面一下...
果然是原本樣式看膩的關係!改完超神清氣爽!
以下筆記一些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
newstyle.jpg   


arrow
arrow
    文章標籤
    CSS pixnet 密密麻麻
    全站熱搜

    Crimson Ink 發表在 痞客邦 留言(2) 人氣()