場後販售物通販相關
■ 噗浪:www.plurk.com/CrimsonInk
■ 社團聯絡信箱:ink0211s@gmail.com
秘密網站

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


, ,
創作者介紹

小墨花園 - Crimson Ink

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


留言列表 (2)

發表留言
  • §林小步§
  • 讚!!!

    這樣看起來好清楚XDDDDD

    Renee果然厲害!
  • 還有一些不太確定的沒有弄出來
    如果有想知道的也可以提出來討論哦~

    Crimson Ink 於 2011/09/12 15:44 回覆

  • 狐初
  • 新的版面看起來有種幽靜的感覺
    滿不錯的呦~XD

    (真希望哪天自己也可以晉升到這個境界XD)
  • 謝謝狐初~~
    弄的時候我是先在PS大概模擬一下感覺

    可以先想想自己要哪種風格
    配色也可以從參考圖裡抓~

    Crimson Ink 於 2011/09/20 11:41 回覆