（一）css代碼積累——自己經常忘記，但是總記不住的代碼，css代碼

（一）css代碼積累——自己經常忘記，但是總記不住的代碼，css代碼

1.透明度設定

90%透明：filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;

80%透明：filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;

70%透明：filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;

60%透明：filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60;

50%透明：filter:alpha(opacity=50);-moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;

40%透明：filter:alpha(opacity=40);-moz-opacity:0.40;-khtml-opacity: 0.40;opacity: 0.40;

30%透明：filter:alpha(opacity=30);-moz-opacity:0.30;-khtml-opacity: 0.30;opacity: 0.30;

20%透明：filter:alpha(opacity=20);-moz-opacity:0.20;-khtml-opacity: 0.20;opacity: 0.20;

10%透明：filter:alpha(opacity=10);-moz-opacity:0.10;-khtml-opacity: 0.10;opacity: 0.10;

完全透明：filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;

 

2.字間距/字母間距、單詞間距

字間距（字母間距）：letter-spacing:5px

單詞間距：word-spacing

 

3.同一組的選項按鈕，name取值一定要一致。這樣同一組的選項按鈕才起作用。

 

4.線上QQ連結設定

<a target="_blank" href:"http://wpa.qq.com/msgrd?v=3&uin=QQ號&site=qq&menu=yes"></a>

 

5.copyright中的特殊字元

 <span style="font-size:14px;font-family:Arial, Helvetica, sans-serif;" >&#169;</span> 

 

6.一鍵撥打效果電話號碼
<a href="tel://電話號碼"></a>

 

7.強制對數字字母折行

word-wrap: break-word; break-word: break-all;

 

8.背景色透明

background: rgba(0,0,0,0.6);

 

9.button的onclick事件開啟新的頁面/本地頁面

當前頁面直接跳轉至新頁面：<input type=button onclick="window.location.href('串連')">
需要開啟一個新的頁面進行跳轉，相當於a標籤的target="_blank"屬性： <input type=button onclick="window.open('串連')">

 

10.圓角矩形代碼

border-radius: 5px; border: 1px solid #fc959f;padding: 5px;

 

11.注釋

單行注釋以 // 開頭。 多行注釋以 /* 開始，以 */ 結尾。

在CSS中用/* 備註陳述式 */

在HTML中用<!-- 備註陳述式 -->

 

12.返回上一頁

javascript:history.go(-1);

 

13.手機螢幕

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca" /><%--適應手機螢幕--%>

 

14.線性漸層——不會常用到

background: linear-gradient(rgba(50,60,60, 1), rgba(50,60,60, 0.7));