一.製作過程
新建乙個工程，對樣式檔案和圖示檔案進行鏈結，觀察整個網頁的大致布局，從大到小，從上到下，從左到右，搭建框架布局，選擇合適的元素進行巢狀完成布局。
二.屬性總結
display屬性
行級元素與塊級元素的區別：
塊級元素可以自動換行，可以設定寬和高的屬性
行級元素不可以自動換行，不可以設定寬和高的屬性
塊級元素和行級元素的轉換：
display:inline ：將塊級元素轉化為行級元素，此塊級元素設定的寬高無效
display:block ：將行級元素轉化為塊級元素，此行級元素自動換行，可以設定寬高
display:inline-block ：將行級元素轉化為塊級元素，此行級元素不自動換行，可以設定寬高
display：none;元素不被顯示
margin：從自身框到另乙個容器框之間的距離，就是容器外邊距
用法：margin-left:10px;左外邊距
margin-right:10px;右外邊距
margin-top:10px;上外邊距
margin-bottom:10px;下外邊距
margin:10px;上下左右統一外邊距
margin:10px 20px;上下，左右外邊距
margin:10px 20px 30px;上，左右，下外邊距
margin:10px 20px 30px 40px;上，右，下，左外邊距
技巧：margin:0 auto;表示元素在水平方向居中顯示
padding：自身邊框到自身內部另乙個邊框的距離，就是容器內邊距，用法與margin相同。
字型屬性：
font-size:12px;字型大小
font-wight:bold;字型加粗
文字屬性
color：red;文字顏色
line-height:18px;行高，當line-height與height相等，文字垂直居中
text-align:center;水平對齊方式，center，right，left
letter-spacing:12px;字元間距
text-decoration：none;無下劃線，underline;有下劃線；line-through;刪除線
背景屬性
backgroud-color:red;背景顏色
backgroud-image:url(路徑)；背景
backgroud-repeat:no-repeat;的平鋪方式
backgroud-position:12px -12px;背景座標，x座標為正向右平移，x座標為負向左平移，y座標為正向下平移，y座標為負向上平移
列表屬性
list-style:none;去除無序列表的間距
cursor屬性
cursor:pointer;游標的形狀
float屬性
使塊級元素統一在一行內橫排顯示或者定位元素
float:left;元素向左浮動，直到接觸到左邊的容器
float:right;元素向右浮動，直到接觸到右邊的容器
overflow屬性
定義一處元素內容區的內容如何處理
overflow:hidden;溢位隱藏
案例 京東商城查詢
coding utf 8 from pymysql import connect class jd object def init self 建立connection連線 self.conn connect host localhost port 3306,user root password 12...
網頁爬蟲 靜態網頁《一》
一 通過jsoup請求獲取 網頁審查元素。eg request path document doc jsoup.connect request path get 二 檢視需要扣取資料的標籤，通過日誌輸出 doc的body。eg log.v tag,body doc.body 三 檢視列印的日誌，找到...
靜態網頁製作
網頁製作最終目的是展示給客戶，服務的物件以客戶為主，所以網頁製作中布局結構非常重要，通常我們使用劃分網頁，使其形成基礎的上下與左右布局，瀏覽器預設情況下使用上下自動排版，所以主要設定左右布局,左右布局在設定時需要使這兩個板塊浮動，通過float這個屬性創造我們需要的樣式。youhh left you...