王福朋 - 博客園

摘要： float內(nèi)容比較多，咱們分上、下兩篇來介紹，上篇已經(jīng)寫完，這是下篇。建議大家先把上篇看了，再來看下文，精彩內(nèi)容不要掠過啊。 1. 清除float 《上篇》中我們提到，float具有“破壞性”，它會導(dǎo)致父元素“坍塌”，這將不是所要看到的。如何去避免float帶來的這種影響呢（也就是我們常說的“清除浮 閱讀全文

摘要： 1. 引言 對于我們所有的web前端開發(fā)人員，float是或者曾經(jīng)一度是你最熟悉的陌生人——你離不開它，卻整天承受著它所帶給你的各種痛苦，你以為它很簡單就那么一點知識，但卻駕馭不了它各種奇怪的現(xiàn)象。 這就是我們又愛又恨的——float。所以，系統(tǒng)的學(xué)一學(xué)float是非常非常重要的。除了看書和看博客文 閱讀全文

摘要： 1. 引言 從這一節(jié)開始，我們就進入本系列的第三部分——css呈現(xiàn)。本部分將描述css在頁面的幾種布局和呈現(xiàn)的特性。包括兩類：文字、塊。 第一類——文字。這部分相對比較簡單一些，例如設(shè)置字號、字體、顏色、背景色、是否加粗等。重點的地方在于設(shè)置字體、設(shè)置行高、文字相關(guān)的距離都用相對值，這些東西在《cs 閱讀全文

摘要： 1. 引言 上一節(jié)《css知多少（5）——選擇器》最后提到，選擇器類型過多將導(dǎo)致一些問題，是什么問題呢？咱們直接舉例子說明。 上圖中，css中的兩個選擇器都是針對<span>的，而且兩個設(shè)置的顏色不一樣，這里的<span>到底聽從誰的命令？ 上面還是比較簡單的，下面在來一個復(fù)雜的： 上圖中的<li> 閱讀全文

摘要： 1. 引言 從本節(jié)開始，就進入本系列的第二個部分——css和html的結(jié)合——說白了就是選擇器。 CSS中定義了樣式，如何將這些樣式設(shè)置到相應(yīng)的html節(jié)點上？就不得不通過選擇器。讓瀏覽器知道css選擇了哪一個dom節(jié)點，瀏覽器就會乖乖的把相應(yīng)的樣式渲染成視圖。 至于css能把頁面渲染成什么樣子，這 閱讀全文

摘要： 上一節(jié)《css知多少（3）——樣式來源與層疊規(guī)則》介紹了樣式的五種來源，咱們再通過一張圖回顧一下。 對于上面的三層，咱們大概都比較熟悉了。下面的兩層中，用戶自定義樣式一般也就是改一改字號大小和字體樣式，也沒甚好說的。而最有的說的就是瀏覽器的默認(rèn)樣式。 不同瀏覽器的默認(rèn)樣式多少有些區(qū)別，特別是老版本的 閱讀全文

摘要： 上一節(jié)《css知多少（2）——學(xué)習(xí)css的思路》有幾個人留言表示思路很好、繼續(xù)期待，而且收到了9個贊，我還是比較欣慰的。沒看過的朋友建議先去看看上一節(jié)。 這一節(jié)就開始實踐上一節(jié)的思路！ 1. “層疊”的概念 CSS——層疊樣式表，其中的“層疊”是什么意思呢？層疊就是瀏覽器對多個樣式來源進行疊加，最終 閱讀全文

摘要： 兩周之前寫過該系列的第一篇，其實當(dāng)時只是一個想法，這段時間遲遲未更新，是在思考一個解決過程。現(xiàn)在初有成效，就開更吧。 1． 一個段子 開題不必太嚴(yán)肅，寫博客也不像寫書，像聊天似的寫東西是最好的表達方式。 記得之前看過一個段子，也可能是一件真事兒，這不重要。大體內(nèi)容如下：一個香港的教授說：我們香港的大 閱讀全文

摘要： 1. 引言 各位前端或者偽前端（比如作者本人）的同志們，css對你們來說不是很陌生。比如我，在幾年之前上大學(xué)的時候，給外面做網(wǎng)站就用css，而且必須用css。這樣算下來也得六年多了，有些功能可能輕車熟路，有些功能可能需要上網(wǎng)查查，看似能應(yīng)付得了工作的事情——我之前也是（現(xiàn)在工作上不做開發(fā)了，只是業(yè)余 閱讀全文

摘要： 最新版wangEditor：配置說明：http://www.wangeditor.com/doc.htmldemo演示：http://www.wangeditor.com/wangEditor/demo.html下載地址：https://github.com/wangfupeng1988/wangE... 閱讀全文