CSS CSS前期回顧(1)

2021-09-21 05:19:35 字數 778 閱讀 9753

在前兩天學習了「定位」、「浮動」、「背景」和「超連結」等設定,在此做乙個頁面以對前幾天的知識進行總結回顧。

1、html的header部分

品質服務

婚嫁論壇

**社群

旗下品牌/a>

2、鏈結css檔案

3、css部分

(1)對body元素整體設定

body

(2)設定header塊的顯示

#header

此時效果如下:

(3)設定標題

#header h1

#header h1 span

此時效果如下:

(4)設定頂部選單

#topmenu

#topmenu li

#topmenu li.firstchild

#topmenu li a

#topmenu li a:hover

此時效果如下:

(5)設定主選單

#mainmenu

#mainmenu li

#mainmenu li.firstchild

#mainmenu li a

#mainmenu li a:hover

此時的效果如下:

可以看出主選單的右邊還有乙個比較突出的豎條,現在去掉:

i、對class="lastchild">旗下品牌/a>增加類別選擇器

ii、增加css樣式

#mainmenu li.lastchild

效果如下:

待續....

CSS CSS前期回顧(3)

1 再在與並列的地方增加如下html內容 這是正文 效果如下 2 設定外層的continer居中對齊,並設定固定寬度為758,與上面的標題選單等寬 continer 這裡又引入了幾個背景影象,分別為 1 background 2 cols.gif 通過這個影象的豎直方向擴充套件,很容易形成如下效果 ...

前期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做出來的網頁用乙個共性就是 醜 看上去總覺得不像那麼...