摘要:中有個(gè)重要的概念,搞懂可以讓我們理解中某些原本詭異的地方。簡(jiǎn)介在解釋之前,先說(shuō)一下文檔流。我們常說(shuō)的文檔流其實(shí)分為定位流浮動(dòng)流普通流三種。使用包含浮動(dòng)元素注意,這里觸發(fā)并不能阻止其它形式的脫離文檔流的元素覆蓋正常流元素。 CSS中有個(gè)重要的概念BFC,搞懂BFC可以讓我們理解CSS中某些原本詭異(??)的地方。 1. 簡(jiǎn)介 在解釋BFC之前,先說(shuō)一下文檔流。我們常說(shuō)的文檔流其實(shí)分為定位...
摘要:盒子的概念盒子模型指的是瀏覽器將文檔流從視覺(jué)上渲染為不同矩形框的組合。瀏覽器將文檔流中的每個(gè)元素都渲染為一個(gè)矩形框,其包含內(nèi)容區(qū)域如文本圖片和可選的三個(gè)區(qū)域,中文名為外邊距邊框和填充。注意只有普通文檔流中塊框的垂直外邊距才會(huì)發(fā)生外邊距合并。 一直對(duì)盒模型的了解很零碎,學(xué)習(xí)都來(lái)源于各個(gè)文章的只言片語(yǔ),這樣學(xué)來(lái)的既不完善,也不持久。最近通讀了w3的官方文檔,對(duì)其中的內(nèi)容進(jìn)行一點(diǎn)歸納吧。 盒...
摘要:詳細(xì)的學(xué)習(xí)網(wǎng)址中文網(wǎng)的幾大特性變量嵌套混合器繼承了解了保持條理性和可讀性的最基本的三個(gè)方法嵌套導(dǎo)入和注釋。為了解決這種以及其他情況,提供了一個(gè)特殊結(jié)構(gòu)這意味著這條規(guī)則將會(huì)被應(yīng)用到選擇器,元素內(nèi)鏈接的所有子元素在被時(shí)都會(huì)變成紅色。 詳細(xì)的學(xué)習(xí)網(wǎng)址:http://www.sasschina.com/guide/ saa中文網(wǎng) Sass的幾大特性: 變量 嵌套 混合器@minxin...
摘要:歡迎交換友鏈進(jìn)擊的程序媛微博江小湖不要臉的自戀一下我覺(jué)得我看源碼的能力越來(lái)越強(qiáng)了,想看到搜索框動(dòng)畫(huà)效果很不錯(cuò),想試著實(shí)現(xiàn)一下。例如只做了輸入框的顯示隱藏。但是看源碼沒(méi)有設(shè)置,有兩個(gè)屬性引起我的注意和,可以猜測(cè)這個(gè)動(dòng)畫(huà)的實(shí)現(xiàn)由實(shí)現(xiàn)的漸變。 歡迎交換友鏈 Lakers Blog--進(jìn)擊的程序媛Github:https://github.com/younglaker微博: 江小湖Laker ...
摘要:然后最外層這個(gè)函數(shù)會(huì)返回一個(gè)新對(duì)象,對(duì)象里面有一個(gè)屬性,名為,而這個(gè)屬性的值是一個(gè)匿名函數(shù),它會(huì)返回。 最近看到一條有意思的閉包面試題,但是看到原文的解析,我自己覺(jué)得有點(diǎn)迷糊,所以自己重新做一下這條題目。 閉包面試題原題 function fun(n, o) { // ① console.log(o); return { // ② fun: function(m) ...