前端主要分為三部分：html，css，js。
html：首先得了解標籤的含義，用在**，常用的用多了就知道了。另外h5也要去了解，對於h5的學習可以自己動手做乙個h5的動畫場景。這裡面涉及比較多的是css3樣式以及canvas。
css: 關於css還是推薦看書系統的學下。單看網上的，你可能只知道怎麼用，卻不知道他這樣用所隱藏的含義。還有就是容易產生混亂，所以還是建議看書系統學一學。有些概念還是要掌握的，不然面試很容易懵逼。
js: 這個是最複雜的。首先建議先看書了解基本語法。但是只看不動手是不行的。
關於css作用：
a.快速維護頁面元素的樣式屬性,
b.彌補html元素的屬性不足
css又被稱作層疊樣式表。
關於css的元素屬性：
一： 首先是長度單位：
a.寬度、高度用px(畫素)，也可以用%(百分比)。建議使用固定值：;
b.字型大小用pt(磅)表示
其次就是顏色單位：a.顏色的直譯英文名稱，如：red(紅)、green(綠)、blue(藍).....
b.十六進製制表示法：#ff0000
c.簡寫十六進製制：#f00
d.rgb表示法：rgb(255,0,0)
e.百分比rgb：rgb(100%,0%,0%)
二： 1.寬度和高度：
大部分元素都會用到這兩個屬性-------> width(設定寬度)、height(設定高度)
例：;
2.邊框：
border屬性，設定邊框的寬度、線性、顏色 ......都有線性這個屬性，我們最多用到的無疑就是在和中了。 **(table)和盒子(div)因為看不到它的大小，我們一般都會用border設定顯示出邊框線
例：;
這樣我們可以看到乙個2個畫素的紅色實線出現在你的**中。這樣就可以清晰的看到**樣式了。
在border中還可以給上下左右單獨設定邊框線：
border-top:寬度 線型 顏色;border-bottom:寬度 線型 顏色;
border-right:寬度 線型 顏色;border-left:寬度 線型 顏色;
線性我們有三種：none(無)|solid(實線)|dotted(點劃線)
3.內邊距
就是設定**或者盒子內的邊距，可以設定單獨上下左右和邊框相同，這裡不列舉。
例：padding-top:5px;上側內邊距
padding:5px;四個方向的內邊距都是5px
padding:5px(上) 5px(左右) 5px(下);
padding:5px(上) 5px(右) 5px(下) 5px(左);
4.外邊距
設定外部的邊距，可單獨設定上下左右。
例：margin-top:5px;上側外邊距
margin:0 auto;(讓外邊距為0，auto為網頁自動計算居中)
margin:5px(上下) 5px(左右);
margin:5px(上) 5px(左右) 5px(下);
margin:5px(上) 5px(右) 5px(下) 5px(左);
5.控制元素的顯示方式屬性
可以控制元素不顯示，或者以什麼方式顯示出來。如果不顯示在此元素style中加入即可：
例：dispaly:none(不顯示)|inline(內聯物件)|block(塊級物件);
html的標記種類為----->內聯物件：不能自然換行
塊級物件：可以自然換行
預設為塊級物件：
6.背景樣式
可以設定背景，背景顏色，的平鋪方式，背景的位置
設定背景樣式(哪個部分不需要可以忽略不用寫)：
例：background:背景顏色 背景 平鋪方式 水平位置 垂直位置
a.背景顏色就是color，上面有書寫方式。
b.背景----> url(位址) 一定要寫 url 然後括號中寫上位址
c.平鋪方式:no-repeat(不平鋪)|repeat-x(x軸平鋪)|repeat-y(y軸平鋪)
d.水平位置(left|center|right)
e.垂直位置(top|center|bottom)
7.浮動樣式
使**或者盒子中的內容全部靠左或者全部靠右，一把導航頁面都需要用到
例:;
8.文字樣式
line-height:5px;設定行高
text-indent:99px;設定首行縮排--------->首行縮排一般用於把按鈕上的文字向後隱藏。
text-align:left|center|right;設定水平對齊方式
cursor:pointer;設定瀏覽器中滑鼠形狀
font-weight:normal|bold;設定文字加粗效果
text-decoration:none|underline;設定文字下劃線樣式----->一般用於把超連結的下劃線取消
9.列表樣式
list-style:樣式 url(位址) 位置(inside|outside); 我們一般只設定一項，就是樣式，其餘可以忽略不寫。 例：list-style:none;把列表前面的實心圓或空心圓取消。用於ul,ol。
吐槽專業貼，無關技術
吐槽是一種有益身心健康，可以釋放工作壓力的好東西。2016年8月9日 裝系統的程式設計師 告訴我，我真的是寫軟體的，不是裝系統的。唉，老闆，你開心就好。2016年8月10日 我和聯絡有仇 我肯定是和聯想不相容。從上大學到現在，裝過系統的電腦少說也有 一 二百臺了，但是裝系統裝到想砸電腦想打人的，就只...
技術崗結貼 準備轉行
寫這貼，是因為我要準備轉行了，結個技術貼吧。2020年9月30日是我嵌入式生涯的最後一天了吧，估計以後也不會回技術崗寫 了。1.先簡單介紹下個人基本情況 本人2019年6月28日普通本科畢業，不是什麼985，211高校高材生，自動化專業，大學期間主攻plc，西門子系列的。2.再簡單介紹下個人工作經歷...
技術貼 怎麼備份雙系統
裝了雙系統之後最痛苦的莫過於分別備份兩個系統了，大家以前都是用深度一鍵還原v5.11進行備份。今天我也是用這個，結果沒有考慮到我的第二個系統根本不可能備份上。於是乙個很偶然的靈感解決了我的問題。look 1.進入你的第乙個系統。一定得是第乙個系統 3.開啟onekey ghost 選擇你的第二個系統...