六 最新資訊部分的製作

2022-09-13 20:30:12 字數 3694 閱讀 4843

然後內容又可以分為左右兩部分,左邊是一張,右邊是文字div

文字div又可以分為左右兩部分,分別使日期和內容

內容又可以分為上下兩部分

二.**的實現

1.html**

<

div

class

="briefed"

>

<

div

class

="section-header"

>

<

div

class

="section-header-box"

>

<

div

class

="section-header-left"

>

div>

<

divdiv

>

<

div

class

="section-header-right"

>

div>

div>

<

p>teh latest news

p>

div>

<

div

class

="briefed-body"

>

<

div

class

="briefed-left"

>

<

img

src="./images/section3.png"

alt=""

>

div>

<

div

class

="briefed-right"

>

<

div

class

="briefed-right-box"

>

<

div

class

="briefed-right-item"

>

<

div

class

="briefed-right-left"

>

<

div

class

="number"

>09

div>

jan

div>

<

div

class

="briefed-right-right"

>

<

p class

="p1"

>**排名進入前三的技巧說明

p>

<

p class

="p2"

>

很多客戶都會納悶為什麼自己的**老是優化不到搜尋引擎

首頁,更不用說進首頁前三了。那麼**優...

p>

div>

div>

<

div

class

="briefed-right-item"

>

<

div

class

="briefed-right-left"

>

<

div

class

="number"

>09

div>

jan

div>

<

div

class

="briefed-right-right"

>

<

p class

="p1"

>**排名進入前三的技巧說明

p>

<

p class

="p2"

>

很多客戶都會納悶為什麼自己的**老是優化不到搜尋引擎

首頁,更不用說進首頁前三了。那麼**優...

p>

div>

div>

<

div

class

="briefed-right-item"

>

<

div

class

="briefed-right-left"

>

<

div

class

="number"

>09

div>

jan

div>

<

div

class

="briefed-right-right"

>

<

p class

="p1"

>**排名進入前三的技巧說明

p>

<

p class

="p2"

>

很多客戶都會納悶為什麼自己的**老是優化不到搜尋引擎

首頁,更不用說進首頁前三了。那麼**優...

p>

div>

div>

<

div

class

="briefed-right-item"

>

<

div

class

="briefed-right-left"

>

<

div

class

="number"

>09

div>

jan

div>

<

div

class

="briefed-right-right"

>

<

p class

="p1"

>**排名進入前三的技巧說明

p>

<

p class

="p2"

>

很多客戶都會納悶為什麼自己的**老是優化不到搜尋引擎

首頁,更不用說進首頁前三了。那麼**優...

p>

div>

div>

div>

div>

div>

div>

2.css**

.briefed.briefed-left.briefed-right.briefed-content .briefed-left img.briefed-right-item.briefed-right-left.briefed-right-left .number.briefed-right-right.briefed-right-right .p1.briefed-right-right .p2.briefed-right-box1
然後給div設定高度,左浮動,給內容部分設定右浮動

內容部分中的日期設定左浮動,內容設定右浮動

這樣基本的就設定完了

現在我們來看日期和內容中間的一條小豎線,這個可以給日期div設定右邊框border-right,設定為1px solid #dcdcdc就可以了

對餐飲連鎖總店彙總分店資訊部分修改的思考

由於該餐飲連鎖店未使用廣域網來聯絡分店資料庫與總店資料庫,故而永和總店對分店消費資訊,營業額資訊等彙總的實現是通過將分店資料庫,還原到總店資料庫伺服器上,而後再遍歷各個分店資料庫中的表查出相應資訊來完成的。這部分的彙總包括的內容並不多,重複性工作多,所以編碼很快就完成了。然而出現了點小錯誤後,其除錯...

三 banner部分的製作

一.banner部分製作分析 1.banner部分主要存放的是一張 2.的中下部位有乙個選項列表 二.的實現 1.html div class banner ul li img src images banner.png alt class banimg li ul ol class banner ...

二 header部分的製作

一.header部分製作分析 1.header部分可以簡單分為左右兩部分 2.左邊logo為一張 3.右邊是乙個水平列表 二.的實現 1.html div class header div class logo img src images logo.png alt logo class logoi...