六 最新資訊部分的製作

然後內容又可以分為左右兩部分,左邊是一張,右邊是文字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>

.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設定右邊框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...