《css知多少》系列就此完結了。常來光顧的朋友可能會覺得突然:css的知識點還有很多,怎么突然就完了,還沒講完呢?這樣說是對的。不過凡事都有一個定位,如果盲目求多,定位模糊,那樣就沒有目的沒有方向了。 我的身份不是前端開發人員,而是產品經理。我規划的產品是一款項目管理軟件,我也是一個 ...
. 引言 本文將用一篇文章介紹position 定位 ,在學習position之前,我們應該去思考一個問題:什么情況下我們需要定位 如果沒有定位將無法滿足我們怎樣的需求 我們要知道,被人類創造出來的每一個知識,都有它的用途,都要解決一些之前遇到的問題。 如果沒有定位,我們做出來的網頁將會是按部就班的自上而下 自左而右的平鋪在瀏覽器上,外加通過margin和padding調整一下間距,還有就是通過 ...
2015-03-09 08:07 27 14625 推薦指數:
《css知多少》系列就此完結了。常來光顧的朋友可能會覺得突然:css的知識點還有很多,怎么突然就完了,還沒講完呢?這樣說是對的。不過凡事都有一個定位,如果盲目求多,定位模糊,那樣就沒有目的沒有方向了。 我的身份不是前端開發人員,而是產品經理。我規划的產品是一款項目管理軟件,我也是一個 ...
float內容比較多,咱們分上、下兩篇來介紹,上篇已經寫完,這是下篇。建議大家先把上篇看了,再來看下文,精彩內容不要掠過啊。 1. 清除float 《上篇》中我們提到,float具有“破壞 ...
的。除了看書和看博客文章之外,我推薦大家去看一個奇葩(聲音很有磁性,你懂得)錄制的教程《CSS深入理解之flo ...
1. 引言 網頁的所有元素,除了“塊”就是“流”,而且“流”都是包含在“塊”里面的(最外層的body就是一個“塊”)。在本系列一開始講《瀏覽器默認樣式》的時候,大家也都看到了瀏覽器默認樣式中規定 ...
兩周之前寫過該系列的第一篇,其實當時只是一個想法,這段時間遲遲未更新,是在思考一個解決過程。現在初有成效,就開更吧。 1. 一個段子 開題不必太嚴肅,寫博客也不像寫書,像聊天似的寫東西是最好的 ...
position:relative相對定位 1. 如何定位?每個元素在頁面的普通流中會“占有”一個位置,這個位置可以理解為默認值,而相對定位就是將元素偏離元素的默認位置,但普通流中依然保持着原有的默認位置。(在父級節點的content-box區定位,父級節點有文字的話,元素的默認位置則是緊隨 ...
1. 引言 各位前端或者偽前端(比如作者本人)的同志們,css對你們來說不是很陌生。比如我,在幾年之前上大學的時候,給外面做網站就用css,而且必須用css。這樣算下來也得六年多了,有些功能可能輕車熟路,有些功能可能需要上網查查,看似能應付得了工作的事情——我之前也是(現在工作上不做開發 ...
1. 引言 從本節開始,就進入本系列的第二個部分——css和html的結合——說白了就是選擇器。 CSS中定義了樣式,如何將這些樣式設置到相應的html節點上?就不得不通過選擇器。讓瀏覽器知道css選擇了哪一個dom節點,瀏覽器就會乖乖的把相應的樣式渲染成視圖。 至於css能把 ...