PHP課程總結20161115

標籤：important   網頁製作   網站維護   田字格   功能區   

 

     今天的課程，老師主要介紹了三種引入樣式檔案的方式和它們之間優先順序順序的相關知識及網頁布局的相關內容。

     一、三種引入樣式檔案的方式

     1.行內樣式：style="屬性：值；屬性：值；"

     2.內部樣式：在head內部定義<style></style>

     3.引入外部樣式：<link rel="stylesheet" href="css檔案地址">

     二、三種方式的優先順序順序：行內樣式 > 內部樣式 > 引入外部樣式（！important加在影響屬性的後面，影響的屬性將變為最優先順序別）

     三、網頁布局總結

     1.多分類，多注釋。div盒子劃分的越細，越有利於後期網頁製作及網站維護。

     2.在body中，不同的功能區需要隔開（空三行），便於後期查看、維護。在每個功能區上面加註釋，說明作用。

     3.編程過程中，布局、樣式、內容要分開寫，這樣不會混亂。

     四、田字格編程過程

 

 

650) this.width=650;" title="田字格.png" src="http://s3.51cto.com/wyfs02/M00/8A/44/wKioL1gsQUPxgLl-AAGayXrwzPA917.png-wh_500x0-wm_3-wmp_4-s_2219273610.png" alt="wKioL1gsQUPxgLl-AAGayXrwzPA917.png-wh_50" />

 

650) this.width=650;" title="田字格1.png" src="http://s5.51cto.com/wyfs02/M01/8A/47/wKiom1gsQUSxfCY8AAF4jKl2fNQ891.png-wh_500x0-wm_3-wmp_4-s_362912131.png" alt="wKiom1gsQUSxfCY8AAF4jKl2fNQ891.png-wh_50" />

 

650) this.width=650;" title="田字格圖.png" src="http://s4.51cto.com/wyfs02/M02/8A/44/wKioL1gsQUWzeNYxAAJZQCPsZuw137.png-wh_500x0-wm_3-wmp_4-s_4106313052.png" alt="wKioL1gsQUWzeNYxAAJZQCPsZuw137.png-wh_50" />

 

     五、網頁布局的編程過程

 

650) this.width=650;" title="布局練習.png" src="http://s5.51cto.com/wyfs02/M02/8A/44/wKioL1gsRmTyeGBDAAHw99Hal5Q157.png-wh_500x0-wm_3-wmp_4-s_1841925046.png" alt="wKioL1gsRmTyeGBDAAHw99Hal5Q157.png-wh_50" />

 

650) this.width=650;" title="布局練習1.png" src="http://s4.51cto.com/wyfs02/M00/8A/48/wKiom1gsRmaTVhiuAAMO_TI1Fxc748.png-wh_500x0-wm_3-wmp_4-s_3289570811.png" alt="wKiom1gsRmaTVhiuAAMO_TI1Fxc748.png-wh_50" />

 

650) this.width=650;" title="布局練習.png" src="http://s3.51cto.com/wyfs02/M00/8A/44/wKioL1gsRmaSqtEJAAFxrLHCyI4674.png-wh_500x0-wm_3-wmp_4-s_1246044792.png" alt="wKioL1gsRmaSqtEJAAFxrLHCyI4674.png-wh_50" />

 

本文出自 “12244280” 部落格，請務必保留此出處http://12254280.blog.51cto.com/12244280/1873648

PHP課程總結20161115