好用的css語法技巧

 
譬如,我很喜歡讓我的主題有透明的感覺。
很簡單,但並不太代表每個主題通用,
但8成是
.wrapper在影響的
所以我會在.wrapper裡面加入這段
  1. background: rgba(100%,100%,100%,0.75);   
後面的0.75就是可以去自行調整的
如果這段不行,那就是.content的數值。

一樣用此語法去微調

  1. background: rgba(100%,100%,100%,0.75);
可以控制背景的大小
  1. background-size69px 69px;
那像一些圓角語法
  1. border-radius: 0px 0px 12px 12px;
一些邊框的語法
  1. border-bottom2px solid #0017a6;
  2. border-right2px solid #0017a6;
  3. border-left2px solid #0017a6;
一些邊框的圖片的語法

[cc lang="php"] border-image: url("http://www.nintendo.co.jp/3ds/edhj/images/bg.jpg") 100 40 28 40 fill; [/cc]

css放背景圖的語法
  1. border-image: url("http://www.nintendo.co.jp/3ds/edhj/images/bg.jpg") 100 40 28 40 fill;
字型的語法
一般來講中文字比較麻煩,要做這樣的設定,因為國外的主題,都不會有中文字型。
  1. font-family:"Algerian""Century Gothic","微軟正黑體""Microsoft JhengHei";
字型的寬度語法
  1. font-weight: 900;
放置fb粉絲團的語法
將下面我的網址改成你的fb粉絲團的網址就可以
陰影語法
  1. box-shadow: 0px 0px 10px #F00;

 

背景圖片固定的語法
  1. box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.5);
陰影的擴散強度,也可以強化像光暈的效果。
  1. background-size: cover;
  2. box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.5);
隱藏div的語法
  1. div.dataTables_length { displaynone !important; }
html加入css語法
文字css
  1. text-shadow: 1px 3px 5px rgba(0,0,00.5);
白底漸層,像這樣
  1. background-image: linear-gradient(to right,#f1f1f1 0,#fff 5%,#f1f1f1 90%);
  2. background-image: -webkit-linear-gradient(to right,#f1f1f1 0,#fff 5%,#f1f1f1 90%);
陸續會增加中....

評論 (0)

此處尚未發表評論

留言

  1. 以遊客身份發表評論。 註冊登入到您的帳戶。
附件 (0 / 3)
分享您的位置