原创 移動佈局中的 1.移動端基礎 2.視口 3.二倍圖
1. 移動端基礎 1. 瀏覽器現狀 PC端常見瀏覽器： 360瀏覽器、谷歌瀏覽器、QQ瀏覽器、百度瀏覽器、 搜狗瀏覽器、IE瀏覽器。 移動端常見瀏覽器：UC瀏覽器、QQ瀏覽器、歐朋瀏覽器、百度手機瀏覽器、360安
2020-02-22 00:38:43
原创 CSS中的內邊距、box-sizing與背景顏色
1.內邊距 1. 什麼是內邊距： 內容區域與邊框之間的距離 特點：會擴大元素邊框所佔用的區域。 2. 語法： padding：value； 單邊設置： padding-top/right/bottom/left:value;
2020-02-22 00:38:43
原创 css中的基礎選擇器
css基礎選擇器 基礎選擇器的作用： 1. 作用： 規範了頁面中哪些元素能夠使用定義好的樣式 目的： 匹配頁面元素 基礎選擇器的分類： 一. 通用選擇器、 元素選擇器、 類選擇器、 ID選擇器、 羣組選擇器、後代選擇器、 子代
2020-02-22 00:38:43
原创 CSS3中的動畫
動畫 動畫（animation） 是css中具有顛覆性的特徵之一，可以通過設置多個節點來精確控制一個， 或一組動畫 常用來實現複雜的動畫效果。 相比較過渡，動畫可以實現更多變化，更多控制，連續自動播放等效果。 1. 動畫的
2020-02-22 00:38:43
原创 框模型與外邊距
1. 框模型 框: 頁面一切元素皆爲框。 框模型： Box-Model,定義了元素框處理元素內容， 內邊距以及外邊距的方式。 對象實際寬度=左右外邊距 + 左右邊框 + 左右 內邊距 + width； 對象實際高度=上
2020-02-22 00:38:43
原创 移動佈局中的 4. 移動端開發選擇 5. 移動端技術解決方案 6. 移動端常見佈局
4. 移動端開發選擇 1. 移動端主流方案 1.單獨製作移動端頁面（主流）： 京東商城手機版、淘寶觸屏版、蘇寧易購手機版。 2.響應式頁面兼容移動端（其次）三星手機官網。 2.單獨移動端頁面（主流） 通常情況下，網址域名前面加m
2020-02-22 00:38:43
原创 Less 基礎
Less 基礎 1.CSS是一門非程序語言， 沒有變量、函數、SCOPE（作用域）等概念。 1. CSS需要書寫大量看似沒有邏輯的代碼，CSS冗餘度是比較高的。 2. 不方便維護及擴展，不利於複用。 3.
2020-02-22 00:38:43
原创 css定位中的固定定位
固定定位是比較重要的一個所以單獨來講。 固定定位（fixed）-重要 固定定位是絕對定位的一種特殊形式：（認死理型）如果說絕對定位是一個矩形那麼 固定定位就類似於正方形。 完全脫標–完全不佔位置； 只認瀏覽器的可是窗口 — 瀏
2020-02-22 00:38:42
原创 字體圖標
字體圖標 圖片是由諸多的優點的，但是缺點很明顯，比如圖片不但增加了總文件的大小，還增加了很多額外的“http請求” 者都會大大降低網頁的性能的。更重要的是圖片不能很好地進行“縮放”，此時，一個非常重要的技術出現了， 額不是出現了，
2020-02-22 00:38:42
原创 rem適配方案與移動端web開發之響應式佈局
rem適配方案 1. 讓一些不能等比自適應的元素， 達到當設備尺寸發生改變的時候，等比例適配當前設備。 2. 使用媒體查詢根據不同設備按比例設置html的字體大小，然後頁面元素使用rem做尺寸單位，當HTML字體大小變化 元素尺寸
2020-02-22 00:38:42
原创 品優購首頁佈局與logo優化
品優購首頁佈局 命名集合： Document 名稱 說明 快捷導航欄 shortcut 頭部 header 標誌 logo 購物車 shopcar 搜索 search 熱點詞 horwro
2020-02-22 00:38:42
原创 製作 攜程網移動端首頁
1. 技術選型 方案： 我們採取單獨製作移動頁面方案 技術： 佈局採取flex佈局 2. 設置視口標籤以及引入初始化樣式 <meta name="viewport" content="width=device-wi
2020-02-22 00:38:42
原创 滑動門與 margin負值之美
1.滑動門 先來體會一下現實中的滑動門，或者你可以叫做推拉門： 滑動門出現的背景 製作網頁時，爲了美觀，常常需要爲網頁元素設置特殊形狀的背景，比如微信導航欄，有凸起和凹下去的感覺， 最大的問題是裏面的字數不一樣多，咋辦？ 爲
2020-02-22 00:38:42
原创 2D轉換之旋轉與縮放
2D轉換之旋轉 rotate 2D轉換指的是讓元素在2維平面內順時針旋轉或者逆時針旋轉。 1. 語法： transform：rotate（度數） 2. 重點： 1. rotate裏面跟度數，單位是deg 比
2020-02-22 00:38:42