2.怎麼進行錄屏？gif製作？
mac自帶的quicktime就可以，file裡有錄製截圖。錄完之後用gifbrewery進行轉換
或者直接用gifbrewery的record screen錄製 然後直接生成
3.div中元素怎麼居中？
行內元素：
水平居中：
text-align:centerul水平居中:加
display:table;margin:0 auto;
此元素會作為塊級**來顯示（類似 ），**前後帶有換行符。垂直居中：
line-
height:父元素的height
塊元素：
水平居中：
①margin:0 auto
0指上下外邊距為0，auto指左右外邊距自適應，此時水平居中。（該方法不適用於垂直居中） 這種方法不適用於通屏，即若子元素溢位，則在父元素中不居中
②position:relative/absolute/fixed
relative:相對定位，保留初始位置（即不浮動）
特點：1.不影響元素本身特性 2.不使元素脫離文件流（不浮動） 3.可以不設定偏移量，此時位置不會發生變化 4.該元素是相對於自己本身位置的偏移量。
absolute:絕對定位，不保留初始位置
特點：1.元素完全脫離文件流（浮動） 2.使內聯元素支援寬和高 3.讓塊標籤內容撐開寬高 4.相對父元素偏移，且逐層查詢，直到document，若父元素沒有position:relative屬性，則繼續向上找，直到document,即相對於瀏覽器左上角。 5.提公升層級，即蓋在其他未用該屬性的元素上，或者在他之前使用該屬性的元素上。（優先順序可以用z-index設定，值越大，優先順序越高，但是若父元素，即使用position:relative的元素也被覆蓋，則沒有用）
fixed:相對於視窗定位，即不管滑輪向下還是向上拉，該元素位置始終不變。（ie6以下不相容）
<
style>.test.test1.test2.test3
style>
head>
<
body>
<
div class="test">
div>
<
div class="test1">
div>
<
div class="test2">
div>
<
div class="test3">
div>
(插不了。。。我口述吧。。) 就是保留了本來的的位置，而移動到了螢幕**的位置。 若將上面test2的position改為absolute，則浮動，2本來的位置被test3覆蓋 用上面position，left，margin-left三個屬性也可以使div水平居中（垂直居中將left改為top即可） 這種方法適用於通屏，即若子元素溢位，則在父元素中也居中。
優點：不用知道父元素的width
垂直居中：
①設定父元素的padding
缺點：需要知道父元素的width值
②上述水平方法第二個，將left改為top
③絕對居中（即水平，垂直都居中）
實現方法：父元素相對定位，子元素絕對定位，在子元素中新增屬性
該方法不浮動，但也存在不通屏的問題。
4.怎麼讓兩個相鄰div高度相同？
左邊和右邊高度不一樣，怎麼才能一樣呢？
把左邊和右邊單獨放到乙個div裡，div設定成display=flex即可
用了display=flex之後，float、clear、
vertical-align屬性就失效了
關於display=flex的文章
5.position display float之間是什麼關係？
還有其他筆記已收藏
6.a元素去掉下劃線？
對超連結下劃線設定 使用**"text-decoration"
text-decoration引數：
none : 無裝飾
blink : 閃爍
underline : 下劃線
line-through : 貫穿線
overline : 上劃線
一組專門的預定義的類稱為偽類，主要用來處理超連結的狀態。超連結文字的狀態可以通過偽類選擇符＋樣式規則來控制。偽類選擇符包括：
總: a 表示所有狀態下的連線 如 a
① a:link： 未訪問鏈結 ,如 a:link
② a:visited： 已訪問鏈結 ,如 a:visited
③ a:active： 啟用時（鏈結獲得焦點時）鏈結的顏色 ,如 a:active
④ a:hover： 滑鼠移到鏈結上時 ,如 a:hover
一般a:hover和a:visited鏈結的狀態（顏色、下劃線等）應該是相同的。
前三者分別對應body元素的link、vlink、alink這三個屬性。
四個「狀態」的先後過程是：a:link ->a:hover ->a:active ->a:visited。
另外，a:active不能設定有無下劃線（總是有的）
個人部落格遇到的問題
1.資料庫中type型別為tinyint，預設為0。在資料庫中查詢條件為type 0時能夠正確查詢，但是整合到mybatis中卻將所有的資料顯示出來了 解決 mybatis中的if條件去掉type 原來是 type null and type select id,type,createtime,co...
個人部落格前言
由於工作之前接觸的是後端，而工作之後一直在做前端的工作，所以有很長的一段時間處於學習的狀態。在這過程中，網上有很多論壇和部落格等給了這方面很大的幫助，但是，這些資訊大多數非常紛雜，錯誤漏洞百出，更有甚者一概複製貼上，導致錯誤的觀點大範圍傳播，對想要獲取真正有用資訊的前端開發者或者技術愛好者造成了極大...
個人部落格除錯
由於之前從沒除錯過css檔案，這次耗費的時間比較長，方法也比較笨，個人部落格的css檔案在 static css js目錄下，extra.css font awesome.min.css jquery.fancybox.css main.css，總共四個css檔案，一開始，我也不知道哪個是控制網頁外...