原创 計算機網絡學習第一天----簡單入門

一、分組交換 分組交換採用存儲轉發技術。通常將要發送的整塊數據稱爲一個報文,在發送報文之前,通常將報文劃分爲若干等長的數據段。在每個數據段前面加上有一些控制信息(目的地址、源地址等)組成的首部(header)後,就構成一個分組(packe

原创 system property

獲得java系統信息的一個類,是私有的構造函數,所以它的函數都是靜態的,可以直接調用,System.getProperty()函數根據參數返回一些系統信息,參數有很多 java.version Java 運行時環境版本

原创 CSS3 timing-function: steps()介紹

在應用 CSS3 漸變/動畫時,有個控制時間的屬性 <timing-function>。它的取值中除了常用到的三次貝塞爾曲線以外,還有個steps() 函數。        steps 函數指定了一個階躍函數,第一個參數指定了時間函數

原创 demo總結

最近在模仿做一個點擊打開鏈接這樣的demo,整個過程中學習了很多東西,現在總結如下: 1.動態設置font-size結合rem實現自適應佈局           a.動態獲取屏幕的width和height,並計算出它們與設計稿(這個

原创 canvas圖片數字計時

ps:整個源代碼見附件 一.準備spirit素材 本文所用素材是我自己手動切割的,所以。。。。  製作sprite推薦神器texturepacker https://www.codeandweb.com/texturepac

原创 做一個萌萌噠的button之圖標字體

接上兩篇:http://blog.csdn.net/u010037043/article/details/47035087 http://blog.csdn.net/u010037043/article/details/4703507

原创 float:center???

       老規矩,先上圖(請忽略圖中文字^V^):        乍一看感覺是對中間的圖片使用了float:center;但是仔細一想float屬性是沒有center這個值的。那是怎麼實現的呢?我一步一步拆給大家看。 1.構建主

原创 那些年我會的三欄佈局

三欄佈局是很常見的佈局樣式,這裏介紹兩種三欄佈局的方法。 方法一:絕對定位法      1. 左右兩欄採用絕對定位,分別固定於頁面的左右兩側;      2.中間的主體欄用margin-left和margin-right爲左右兩欄留下空間

原创 使用*{padding:0;}遇到的坑

像很多人一樣,初學者我喜歡在css的最開頭用*{padding:0;},在做信用卡通知系統界面時我被這個坑了兩次,在此mark。 一、table的cellpadding設置無效        在寫一個table時,發現cellpad

原创 css繪製圖形

  第一次想用css繪製圖形是在做一個列表時,想用三角形作爲列表的圖標,後來發現,css可以繪製各種圖形,主要是利用border屬性。 一、三角形         根據不同的border設置可以繪製上三角,下三角,左三角,右三角等各種

原创 純CSS實現的右側底部簡潔懸浮效果

一、實現效果:                                                                                    正常顯示                      

原创 好用的負margin

負margin是一個很好用的屬性,這裏主要介紹幾種我碰到的情景。 一、自適應佈局        這個在前面的三欄佈局中已經介紹,負margin和float組合使用,詳見http://km.oa.com/group/23033/art

原创 csss實現元素居中

        元素居中分爲垂直居中、水平居中、水平和垂直都居中,這裏主要介紹幾種常見的使元素水平、垂直都居中的方法。 方法一:負margin        1.將待居中元素box設置爲絕對定位,left:50%,top:50%;   

原创 更多關於z-index

       在我以前的認知裏,在一些定位元素中(position爲absolute、fixed或者relative),z-index越大就顯示在越前面。比如下面的例子:        wrap1、wrap2、wrap3和box的

原创 做一個萌萌噠的button之box-shadow

接上篇:http://blog.csdn.net/u010037043/article/details/47035077 一、box-shadow box-shadow是給元素塊添加周邊陰影效果。 box-shadow: in