2022.3.7學習日記
阿新 • • 發佈：2022-03-07
今天在php課上學習並練習使用了div+css的網頁架構
一、瞭解div
div是html語法——在網頁頁面佈局中——最重要的標籤，它與css架構相結合所產生的效果是普通（無css）的html檔案不可企及的。
div的class屬性和id屬性是他與css相連的介面，也是最重要的兩大屬性。
|
這是無css的html
無裝飾的html只會縱向排列。
|
這是有div配合css的html
進行css修飾後將兩個模組進行分割和簡單裝飾。
|
其中class和id的呼叫方式非常簡單，但是對class和id屬性的排版就是我們需要動腦的地方了。
二、css常用屬性
（1）<div class="?" id="?">......</div>負責框住主體部分，並在class和id屬性中加入編輯好的屬性。
（2）<style type="text/css">......</style>進行css架構設計.(class名)為class屬性，#(id名)為id屬性。基本形式為：
|
<head> <style type="text/css"> 選擇器{ 物件的屬性1：屬性值1； 物件的屬性2：屬性值2； } </style> </head> |
（3）常用屬性：
| color字型顏色 |
font font-size大小 font-family字型風格 font-weight粗細 |
line-heignt行高 text-align對齊 letter-spacing字元間距 text-decoration文字修飾 white-space空白處理 |
background background-color背景顏色 background-image背景圖片 background-repeat背景圖重複方式 background-position位置座標，偏移量 |