原创 display:none和visibility:hidden的區別

display:none:隱藏對應的元素,在文檔佈局中不再給它分配空間,它各邊的元素會合攏, 就當他從來不存在。(通俗來說,就是display的隱藏,不僅僅是隱藏就連他原本的位置也會消失) visibility:hidden:

原创 HTML5 Web 存儲

 HTML5 Web 存儲 cookie 特點:鍵值對的形式存儲數據 在本地瀏覽器上存儲數據 有效期:未來的時間“expires=今天以後的時間” 存儲數據的容量:<4kb 所有的http請求都帶回cookie信息。(聯想http g

原创 HTML5推出的理由

HTML5推出的理由 推出的緣由和目標 目前web端存在一些問題,比如兼容性問題,同樣的頁面,在不同瀏覽器上顯示的效果不一樣,那麼開發人員需要做很多額外的工作去解決這一問題,需要花費大量的時間在這上面,一些特殊的權限沒有開發給開發人員,

原创 webApp介紹webApp介紹

1 webApp介紹 app:(native):指的是原生態APP,直接運行在操作系統上運用。 主流的移動端操作系統: Andriod:JAVA、eclipse;蘋果電腦或者windows iOS:object-c(OC)、swift、x

原创 JQuery插件之(四)--輪播圖nivo-slider使用教程

現在市面上基於jQuery的輪播圖插件種類繁多,各具特色,這對於具有選擇困難症的童鞋來說就痛苦了,不知道選哪個,那麼,今天小編就來幫你選擇一款,號稱最好的jquery幻燈片插件,Nivo-Slider,這款插件無論是在交互效果,還是輪播

原创 解決 display:inline-block 之間顯示間隙

1、移除空格(div之間回車) 2、使用margin 負值 3、使用 font-size:0(給最外面的div把font-size設爲0在兩個小的div裏面設置自身字體大小) 4、letter-spacing  5、

原创 js有哪些內置對象

數據封裝類對象:Object、Array、Boolean、Number 和 String 其他對象:Function、Arguments、Math、Date、RegExp、Error 數據封裝類對象:Object、Array、B

原创 overflow: hidden;

overflow: hidden;這個屬性是多樣的,簡單來說:   如果 是對塊級元素這隻這個屬性,將撐起父元素的高度 如果是對內聯元素設置了這個屬性,超出內容將被隱藏 點贊 2 收藏 分享 文章舉報

原创 css3 shadow陰影

陰影部分Shadow(陰影)text-shadow是給文本添加陰影效果,使用 text-shadow 屬性給頁面上的文字添加陰影效果,text-shadow 屬性是在CSS2中定義的,在 CSS2.1 中刪除了,在 CSS3 的 text

原创 &&的使用

&&的使用 彈出的a和b分別是? 結果:a=3,b=1; 注意: (1)&& “前面” 計算結果如果是false,&&後面的就不運行了。 (2)if()後面有一個“;”。 點贊 收藏 分享

原创 css3 Transform

1、Transform轉換屬性 所有的二維變形(轉化),都是刷的一聲就變過去了,沒有任何效果 2、Transform 方法 (1)轉換:translate(x,y) x表示水平方向的移動,y表示豎直方向的移動。負值表示往相反的方向移動。

原创 SASS安裝

2 SASS安裝 1、ruby安裝 sass依賴於ruby ,所以在安裝參數sass之前先把ruby安裝好 ruby的下載地址https://rubyinstaller.org/downloads/ 注意根據你的電腦是64位還是86位的,

原创 css選擇器

屬性選擇器 根據屬性特徵來選擇應用的樣式,所以從這個意義上來講,它包含了id,class選擇器 [title]:選擇設置了title屬性的元素 [title^=”tt”]:選擇了title屬性以”tt”開頭的元素 [title$=”tt”

原创 meta rem

4 meta 我們可以通過meta標籤,對viewport進行控制,一般我們的設置之後想要的效果: 1)viewport的寬度==屏幕的寬度 2)同時不允許用戶手動縮放。 一般情況下,設置viewport的代碼放到模板裏面去 <meta

原创 JQuery插件(三)之growl

提示框: (1)title消息提示的標題 messag提示的內容 1)growl後面不寫某些關鍵詞,使用默認樣式 $.growl({title: "消息提示框", message: "提示內容"   2)notice $.growl