原创 css3-media規則、不同手機分辨率的臨界、rem

1、許多方法測試所得(網上) html {     font-size: 62.5%; } @media only screen and (min-width: 481px){     html {         font-size:

原创 js-tab標籤效果

<div class="sid_b_tab"><a href="#" id="one1" οnmοuseοver="setTab('one',1,3)">項目工程</a><a href="#" id="one2"  οnmοuseοver

原创 html5-設置hr的顏色大小

在css文件中單純的設置hr的顏色、樣式不起作用 直接在html頁面中設置 <div class="tpl_title">         <hr class="hr" size=1   color="#999" style="borde

原创 za-sublime-安裝插件

1、菜單欄--preference 2、選擇點擊Package Control,在彈出框中輸入:install (選擇install  Package) 3、等一小會,等彈出框出來 輸入 sass(選澤sass,還有sassbuild)

原创 css-common.css綜合(手機頁面)

*{margin: 0 auto; padding:0px;} html{width: 100%; height: 100%; } body{width: 100%; height: 100%;-webkit-tap-highlight-

原创 css3-animation動畫

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <meta name="viewpo

原创 za-安裝ruby--sass的編譯

http://www.w3cplus.com/sassguide/install.html 下載ruby  在寫  gem install sass時   寫上自己下載的sass版本號  在command命令行裏  。如果下載到d盤記得寫

原创 css3-自適應頁面的實現(響應式設計、響應不同類型設備)、瀏覽器適配

一、頭部信息 <meta name="viewport" content="width=device-width,initial-scale=1.0> <meta name="viewport" content="width=device

原创 axios安裝使用+跨域問題(後臺不需要做更改,頭部header也不需要加)

1、安裝axios和qs      cnpm install  axios-save         cnpm install qs --save  ⚠️:一定要有-save,另外qs解決必須傳參數,然後對數據轉換 ,so要安裝。 2、a

原创 vue-resource安裝

vue-resource 像jquery裏的$.ajax, 專門和後臺進行交互,ajax可以的,它也可以(在vue中安裝vue-resource.js插件,實現交互) 1、在項目中:       $npm install  vue-res

原创 js--下拉列表選中(js和jquery兩種方法 )

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

原创 css3--內容垂直居中,box-back屬性

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 3

原创 js--購物車加減效果

<div class="quantity-btn" class="right">           <input class="minus" type="button" value="-">           <input class

原创 html5+css3彈性框架--自適應

html:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

原创 js--上傳圖片

<button type="button">上傳圖片</button> <input type="file" id="rel_photoimg"> <div id="rel_imgbox"></div> $('#rel_photoimg'