《自定義列表樣式》
簡介：在實際工作當(dāng)中會遇到大量的自定義列表樣式的情況，那么這種情況都有一種非?？焖俚霓k法來制作；
方法一：清除ul的默認(rèn)列表樣式以后直接給li添加背景圖，對齊方式為left center，最后關(guān)鍵的一步通過padding-left單獨擠出圖片的占位空間即可。 ?（優(yōu)點制作快速，缺點：列表樣式的圖片不能被單擊。）
方法二：優(yōu)點可以讓小圖片也能被超鏈接覆蓋。 制作方法就是將圖片和padding-left付給a標(biāo)簽即可。
《背景圖和插如圖片的區(qū)別》
總結(jié)：插入圖片是占位的，而背景圖片只是裝飾不占位（相當(dāng)于不存在）
兩者的優(yōu)缺點：
背景圖片更好控制因為他有定位屬性，而且由于它本身不占位也不會造成互相遮擋和影響的問題。
插入圖片的優(yōu)點，插入圖片的語義更高更容易被瀏覽器抓取。如果說比較重要的圖片建議用插入圖片表示。
在實際工作中會遇到大量的圖文混排的效果，這種時候建議多用背景圖片因為比較好控制。
插入圖片是可以接受寬高定制的，它放在文字堆中本質(zhì)就相當(dāng)于一個比較大或者比較小的文字。所以說它可以當(dāng)成文字來控制。
Img的本質(zhì)就是一個文字而已。
《盒子模型深度理解》
對于盒子模型來講不管是添加margin還是padding實際上占位尺寸都是在原來的基礎(chǔ)上增加。
而其中的區(qū)別是，padding會增大實體的范圍，而margin不會影響。所以說我們可以人為padding也是實體范圍的一部分；
后期的工作中會移動一個問題， 如果你寬度和高度寫死了。那么你再添加padding相當(dāng)于埋了一個雷，尺寸就和以前不一樣了，你需要在原有的寬高基礎(chǔ)上減掉padding的尺寸才能保證盒子大小不變。
分清當(dāng)前的東西是哪個盒子的內(nèi)容，內(nèi)容與盒子之間是內(nèi)邊距是padding，然后盒子與盒子之間是外邊距margin。
【網(wǎng)頁布局方式】
《標(biāo)準(zhǔn)流》
簡介：標(biāo)準(zhǔn)流是W3C提出的一個用于網(wǎng)頁布局中的非常重要的概念。到底什么是標(biāo)準(zhǔn)流。
對于非邏輯的視覺化的一些界面或者軟件 都涉及到排版問題。然后現(xiàn)在市面上的所有軟件他們的排版可以分為兩大類型一種是 ps類型，還有一種是記事本類型。
流派：
任何可視化的軟件當(dāng)中它天然都會存在一種自動排列的順序，設(shè)計類軟件排列順序叫做定位式，文本類軟件排列就遵循文本流，然后網(wǎng)頁這種東西也不例外它也會有天然的自動排列順序來控制它內(nèi)部顯示的一切元素。
什么是標(biāo)準(zhǔn)流：
網(wǎng)頁中標(biāo)準(zhǔn)流指的就是塊級元素豎直排列，行內(nèi)元素水平排列，的這種自動排列的順序。
在網(wǎng)頁中所有3類布局方式中 標(biāo)準(zhǔn)流布局是最穩(wěn)定的一種布局方式，也是W3C重點推薦使用的。
《浮動流》
解釋：任何的流派指的都是一種排列方式；浮動流是脫離標(biāo)準(zhǔn)流以外的另外一種排列方式。
浮動流排列方式：
它是脫離標(biāo)準(zhǔn)流排列的第一種方式；浮動流當(dāng)中只有水平排列，要么左對齊要么右對齊。
浮動流中的注意事項：
一、浮動流又稱之為半脫離標(biāo)準(zhǔn)流，也就是說它并沒有徹底脫離。它的這種脫離方式會影響到標(biāo)準(zhǔn)流中原有的標(biāo)簽或數(shù)據(jù)。
二、如果說一個元素從標(biāo)準(zhǔn)流當(dāng)中脫離了，那么就相當(dāng)于這個元素被從標(biāo)準(zhǔn)流中刪除了一樣它就不會占位了。
三、所謂的任何一種流派都指的是同級元素之間的排列。
四、我們之前有一個原則，同級元素之間水平排列和垂直排列只能用一個。這個話到現(xiàn)在為止翻譯過來就是同級元素之間標(biāo)準(zhǔn)流或浮動流只能選其一。
《清除浮動知識點》
在標(biāo)準(zhǔn)流當(dāng)中當(dāng)某個元素受到浮動的影響以后可以通過clear：both；來清除浮動的影響。
【定位流】
簡介：在網(wǎng)頁制作中有兩種方式的定位，一個是相對定位，一個是絕對定位。都是依據(jù)物體的坐標(biāo)進行位置排列的。它也是一種可以脫離標(biāo)準(zhǔn)流的方式，這種定位流的脫離方式稱之為徹底脫離，意義是完全不會影響標(biāo)準(zhǔn)流中的原有數(shù)據(jù)。所以說很多時候標(biāo)準(zhǔn)流和定位流是可以共存的。
《相對定位》
相對定位脫離方式是占位脫離，意義是占有原來在標(biāo)準(zhǔn)流中的位置后通過坐標(biāo)來設(shè)置新的位置；
基本結(jié)構(gòu)：
Position：relative；
坐標(biāo)設(shè)置：
Left：0；top：0；bottom：0；right：0；通過這些屬性可以設(shè)置新的坐標(biāo)值。
《絕對定位》
學(xué)習(xí)定位實際上主要以后使用最多的就是這個絕對定位。絕對定位是真正意義上的徹底脫離標(biāo)準(zhǔn)流并且不會在標(biāo)準(zhǔn)流中占位。
絕對定位的使用原則：
子絕父相；子級絕對父級相對這種設(shè)置可以讓絕對定位的元素相對于父級進行定位。
基本結(jié)構(gòu)：
Position：absolute;
個人經(jīng)驗：發(fā)現(xiàn)只要脫離標(biāo)準(zhǔn)流的元素它的顯示模式都會自動轉(zhuǎn)換，都會自動轉(zhuǎn)換為行內(nèi)塊。
發(fā)現(xiàn)塊級元素是只有標(biāo)準(zhǔn)流中才存在的。網(wǎng)頁布局中最穩(wěn)定的是標(biāo)準(zhǔn)流，其次浮動流，最后定位流（定位流使用起來有時候比較麻煩因為需要設(shè)置坐標(biāo)和父級相對）所以說制作網(wǎng)頁的時候一般網(wǎng)頁設(shè)計師會選擇能用標(biāo)準(zhǔn)流制作的都用標(biāo)準(zhǔn)流制作，不能的就用浮動流，最后才選擇絕對定位。
《圖層順序調(diào)節(jié)屬性》
進入了定位的元素都會有上下顯示關(guān)系，在css當(dāng)中可以依靠 z-index屬性來調(diào)節(jié)標(biāo)簽的圖層顯示順序。數(shù)值越大越靠上。 注意事項：它的值是不帶單位的。因為它表示一種級別。
《固定定位》
簡介：固定定位在低版本瀏覽器中不兼容這是一個新推出的css屬性，低版本瀏覽器包括（ie678），這些低版本瀏覽器需要用js來解決固定定位實現(xiàn)的效果。
基本結(jié)構(gòu)：
Position：fixed；作用實現(xiàn)選中元素在整個屏幕上進行固定定位，固定于屏幕；
《知識點》
定位中的坐標(biāo)設(shè)置是可以接受百分比的。（一個盒子的寬高尺寸實際上也可以接受百分比）
