原创 cmd命令 less編譯

npm install -g lesslessc example/example.less example/example.css注:是less文件  不是css文件 不過在寫的時候可以改成css格式 編譯的時候再改爲less格式

原创 上下滑動的swiper,第二個slider高度大於屏幕,如何讓它出現滾動條,像單頁面那樣滑動??

https://segmentfault.com/q/1010000005605451/a-1020000009012368/revision HTML: <div class="swiper-container swiper-contai

原创 對角線的製作

<div class="duijx"><a href="" class="a1">加油</a><a href="" class="a2">菜鳥</a></div><style type="text/css">.duijx{position:

原创 git在本地倉庫直接使用rm徹底刪除文件,服務端還是存在

http://www.pizida.com/git-rm.html 今天在本地倉庫A希望刪除一個文件test,於是執行以下命令$ sudo rm test $ git add . $ git commit -m "delete test"

原创 href分割

原创 CSS實現單行、多行文本溢出顯示省略號(…)

http://www.daqianduan.com/6179.html最好用max-height來限制一下如果實現單行文本的溢出顯示省略號同學們應該都知道用text-overflow:ellipsis屬性來,當然還需要加寬度width屬來兼

原创 居中方法

<div class="pls"></div>1:position:absolute;left:50%;top:50%;z-index:3;background:#f60;transform:translate(-50% -50%);(適合

原创 改變placeholder的字體顏色

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #f00;  }::-moz-placeholder { /* Mozilla Firefox 19+ */    co

原创 設置固定IP

控制面板---所有控制面板項---管理工具---Internet 信息服務(IIS)管理器---52DH3RGR6DJO3KS---網站---zhx---編輯網站-綁定

原创 a標籤嵌套解決方案

<!-- a標籤進行嵌套的時候 --> <a href="#haorooms">outerA  <a href="#haoroomsinner">innerA</a></a><!-- 而瀏覽器則會解析成 -- > <a href="#hao

原创 點擊影藏的文本內容顯示默認...

<p id="truncateMe">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean consectetuer. Etiam venenatis. Sed u

原创 grunt 打包前端代碼

【grunt整合版】30分鐘學會使用grunt打包前端代碼grunt是一套前端自動化工具,一個基於nodeJs的命令行工具,一般用於:① 壓縮文件② 合併文件③ 簡單語法檢查對於其他用法,我還不太清楚,我們這裏簡單介紹下grunt的壓縮、合

原创 rem兼容js

原文鏈接:http://caibaojian.com/simple-flexible.html//code from http://caibaojian.com/simple-flexible.html<style id="rootFont

原创 less語法

@color: #4D926F; #header {color: @color;} h2 {color: @color;} .rounded-corners (@radius: 5px) { -webkit-border-radius: 

原创 多圖居中屏幕布局

<ul>   <li><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&fm=58" alt="" /></li> <li><img