原创 css3基礎知識點--過渡效果

CSS3中元素從一種樣式轉變到另一個的時候,爲了使這個過程顯得不那麼唐突,可以加入一些效果,包括過渡時間、延時時間、過渡的運動方式等,這時就可以用過渡,無需使用flash動畫或者JS。 這個過渡有動畫的效果,但是需要手動去觸發,常常跟鼠標

原创 css3基礎知識點--文字溢出

這種表現在移動端的標題顯示經常會用到,多餘文字不換行切以點點展示,下面的代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Docum

原创 sublime 插件安裝 最全版本

Sublime Text 3修改插件安裝位置在安裝目錄下新建個“Data”目錄(如安裝目錄“D:\Program Files\Sublime Text 3\”下),重啓Sublime,Browser Packages就直接打開這

原创 CSS3圓角、陰影、rgba

CSS3圓角 設置某一個角的圓角,比如設置左上角的圓角: border-top-left-radius:30px 60px; 同時分別設置四個角: border-radius:30px 60px 120px 150px; 設置四個圓角相同

原创 sublime Emmet插件使用方法總結

Emmet(前身是Zen Coding),它可以極大的提高代碼編寫的效率,它提供了一種非常簡練的語法規則,然後立刻生成對應的 HTML 結構或者 CSS 代碼,同時還有多種實用的功能幫助進行前端開發,例如快速生成html5頭部就靠它了。。

原创 CSS3基礎知識點---新增選擇器

一、CSS3新增選擇器 1、E:nth-child(n):匹配元素類型爲E且是父元素的第n個子元素(2n 和2n-1可設置偶數行和奇數行) 2、E:nth-last-child(n):匹配元素類型爲E且是父元素的倒數第n個子元素(與上一項

原创 Sublime Text3 常用快捷鍵必看

SublimeText3 實戰開始1、就近選擇相同項:ctrl+d把光標放在一個單詞上,按下ctrl+d,將選擇這個單詞。一直按住ctrl且按D多次,將選擇當前選中項的下一個匹配項。通過按住ctrl,再按D三次,將選擇三個相同的

原创 Sublime Install Package無法打開 報錯:There are no packages available for installation

install package 打開失敗問題 原因是系統下載channel_v3.json包失敗,解決辦法是手動下載channel_v3.json包然後複製到相應的文件夾並修改目錄即可。 解決方法一: 使用github在線包 Packa

原创 CSS基礎知識點詳細總結(二)

目錄 1、塊元素、內聯元素、內聯塊元素 1.1塊元素  1.2內聯元素 1.3內聯塊元素 2、浮動 2.1 文檔流  2.2 浮動特性 3、定位 4、background屬性 1、塊元素、內聯元素、內聯塊元素 元素就是標籤,佈局中常用的有

原创 HTM基礎知識點詳細總結

      前端小白自學前端有一段時間了,終於把基礎部分看完了,感覺前端確實很瑣碎,需要記憶的東西比較多,爲了方便自己以後溫習查找,把一些重要的知識點詳細記錄下來,細節部分還是查手冊吧。。。 目錄 &&最前面&& 一、HTML基礎知識點

原创 CSS基礎知識點詳細總結(一)

CSS是 Cascading Style Sheets 的首字母縮寫,意思是層疊樣式表。目的是爲了讓網頁元素的樣式更加豐富,也爲了讓網頁的內容和樣式能拆分開,CSS由此思想而誕生,有了CSS,html中大部分表現樣式的標籤就廢棄不用了,h

原创 【前端】移動端佈局--視網膜屏幕(retina屏幕)清晰度解決方案

視網膜屏幕指的是屏幕的物理像素密度更高的屏幕,物理像素可以理解爲屏幕上的一個發光點,無數發光的點組成的屏幕,視網膜屏幕比一般屏幕的物理像素點更小,常見有2倍的視網膜屏幕和3倍的視網膜屏幕,2倍的視網膜屏幕,它的物理像素點大小是一般屏幕的1

原创 【前端】移動端佈局--Viewport視口

簡單理解: 視口是移動設備上用來顯示網頁的區域,一般會比移動設備可視區域大,寬度可能是980px或者1024px,目的是爲了顯示下整個爲PC端設計的網頁,這樣帶來的後果是移動端會出現橫向滾動條,爲了避免這種情況,移動端會將視口縮放到移動端

原创 【前端】移動端佈局--移動端app分類

1、Native App 原生app手機應用程序 使用原生的語言開發的手機應用, Android系統用的是java iOS系統用的是object-C 特點:比較快捷的使用設備端提供的接口,處理速度上有優勢。 2、Hybrid App 混合

原创 【前端】移動端高清、多屏適配方案、REM佈局

移動端高清、多屏適配方案 背景 開發移動端H5頁面面對不同分辨率的手機面對不同屏幕尺寸的手機 視覺稿 在前端開發之前,視覺MM會給我們一個psd文件,稱之爲視覺稿。 對於移動端開發而言,爲了做