原创 iconfont圖標使用方法
1、首先進入：http://www.iconfont.cn/ 搜索你分類的關鍵字---然後加入購物車，通過購物車將字體下載到本地，解壓文件； 2、打開iconfont.css文件 第一段代碼@font-face爲聲明圖標字體，可
2018-08-24 16:33:04
3
原创 清除浮動的小例子
html文檔爲： css樣式爲： 由於圖片的高度高出父div的高度，因此圖片溢出了： 如何解決這一問題：添加一個清除浮動的樣式： 問題得到了解決！！ 但是如果提前對div的高度進行了設定，那麼添加清除浮動效
2018-08-24 16:33:04
2
原创 w3cshcool JS學習筆記
1、JS能夠直接寫入html輸出流中，document.write 只能在輸出流中使用 2、JS可以對html標籤裏的事件做出反應，alert函數在JS中並不常用，但這個函數對於代碼的測試非常方便。 3、JS可以改變html標籤裏的內
2018-08-24 16:33:04
原创 響應式佈局的概念
概念： 一個網站能夠兼容多個終端——而不是爲每個終端做一個特定的版本。這個概念是爲解決移動互聯網瀏覽而誕生的， 響應式佈局可以爲不同終端的用戶提供更加舒適的界面和更好的用戶體驗 優點：
2018-08-24 16:33:04
2
原创 響應式佈局設置--@media only screen and
only(限定某種設備) screen 是媒體類型裏的一種 and 被稱爲關鍵字，其他關鍵字還包括 not(排除某種設備) 類型 解釋 all
2018-08-24 16:33:04
原创 button標籤和input type=button的區別
<button>標籤 定義一個按鈕。 在button元素內部，您可以放置內容，比如文本或圖像。這是該元素與使用input元素創建的按鈕之間的不同之處。 <button>與</button>標籤之間的所有內容都是按鈕的內容，其中包括
2018-08-24 16:33:03
原创 設置圖片在div中居中的方法
水平居中的辦法： 1、img爲內聯元素，將img設置爲block塊元素，並設定其寬度和高度，然後margin：0 auto，圖片在其父元素中將會水平居中； 2、直接在img所在的父元素中設置text-align：center，那麼該i
2018-08-24 16:33:03
原创 css中字體單位的不同：px、em、rem
px 在Web頁面製作中，我們一般使用“px”來設置我們的文本，因爲他比較穩定和精確。但是這種方法存在一個問題，當用戶在瀏覽器中瀏覽我們製作的 Web頁面時，他改變了瀏覽器的字體大小（雖然一般人不會去
2018-08-24 16:33:03
原创 IE下textarea默認不顯示滾動條的實現代碼
IE下textarea默認情況下會顯示出豎直方向的滾動條，如果不想讓它顯示要怎麼設置呢，如果需要隱藏滾動條，行數超過height時才顯示出滾動條，需要把overflow設置爲auto；
2018-08-24 16:33:03
原创 設置最小寬度 最小高度 最大寬度 最大高度的作用
1、 如果一個元素沒有設置最小寬度(min-width)，這時當瀏覽器縮小到一定程度時，元素中的佈局可能會發生變化，如果想要保持不變可以給元素（如div)設置最小寬度屬性，當瀏覽器寬度小於該值時，該元素不再自適應，而是寬度設置爲最小寬度
2018-08-24 16:33:03
原创 html5新增的語義標籤
1、 section 表示頁面中的一個內容區塊,比如章節、頁眉、頁腳或頁面的其他部分。可以和h1、 h2……等元素結合起來使用，表示文檔結構。 2、article 標籤定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章，或
2018-08-24 16:33:02
原创 多級下拉菜單導航製作
水平導航菜單的製作思路： 1、進行初始化的設置，將文檔中所有元素的margin和padding設爲0； 2、將所有的a元素設置爲塊元素，去掉下劃線，添加背景色#c和padding值； 3、鼠標移入li時改變子元素a的背景色，此處應爲
2018-08-24 16:33:02
原创 style currentStyle getComputedStyle的區別和用法
style屬性獲取樣式值，使用方法：obj.style.attr style只能獲取元素的內聯樣式，內部樣式和外部樣式使用style都獲取不到。 currentStyle和getComputedStyle方法既可以獲取內聯樣式，也可以
2018-08-24 16:33:02
原创 子選擇器和包含選擇器的區別
E F：包含選擇器，選擇E中所有的F標籤，包括兒子，孫子，孫子的孫子都會被選中。 E>F：子選擇器，只能選中E元素的子元素，不能選中E元素的孫元素 style> /* 包含選擇符(E F) */ .dem
2018-08-24 16:29:19
2
原创 absolute絕對定位
分爲兩種情況： 1、父級(所有的，包括直接和間接父級)中沒有定義position屬性，那麼將會參照瀏覽器的左上角，並且配合top、right bottom、left四個偏移屬性對定義了絕對定位屬性的子元素進行定位； 2、 父級元素中
2018-08-24 16:29:19