1、再在與並列的地方增加如下html內容
這是正文
效果如下：
2、設定外層的continer居中對齊，並設定固定寬度為758，與上面的標題選單等寬
#continer
這裡又引入了幾個背景影象，分別為：
（1）background-2-cols.gif
通過這個影象的豎直方向擴充套件，很容易形成如下效果：
（2）cap_content.gif
這個影象不平鋪
（3）cap_sidebar.gif
這個影象也不平鋪
（4）bottom-2-cols.gif
這個影象在最下面，不平鋪
所以四個影象組合的最終效果如下：
其css部分為：
#continer
#content
#sidebar
#footer
頁面的效果為：
3、設定導航
#content #depthpath
#content #depthpath li
#content #depthpath li a
效果如下：
4、設定正文標題
#content h2
效果如下：
5、向sidebar中追加一些記錄
6、設定sidebar的顯示
#sidebar ul
#sidebar ul li
#sidebar li a
#sidebar li a:hover
顯示效果如下：
至此，css學習告以段落，其中基本知識已學完，後面的修行還需要不斷地研磨別人的網頁進行提公升。
CSS CSS前期回顧（1）
在前兩天學習了 定位 浮動 背景 和 超連結 等設定，在此做乙個頁面以對前幾天的知識進行總結回顧。1 html的header部分 品質服務 婚嫁論壇 社群 旗下品牌 a 2 鏈結css檔案 3 css部分 1 對body元素整體設定 body 2 設定header塊的顯示 header 此時效果如下...
前期C語言回顧 函式
函式 printf 輸出函式，用於輸出乙個資訊 printf 輸出函式 n scanf 輸入函式，用於從鍵盤輸入乙個資訊 int a 0 scanf d a strlen 求字串長度函式，用於求出指定字串的長度 unsigned long strlength strlen i love you pr...
CSS CSS 凡境 前期 基礎選擇器
點進這篇部落格學習前端的人,肯定都不是十三十四的小孩子了吧.那麼肯定都已經看過 鬥破蒼穹 這篇 吧.css這個階段我打算大體上分三章講完,然後每章的標題我都會以靈魂境界來進行劃分學習的難易程度,希望大家認真學習 相信學過html的都知道,用html做出來的網頁用乙個共性就是 醜 看上去總覺得不像那麼...