应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt
《利用CSS與DIV進行頁面布局.ppt》由會員分享,可在線閱讀,更多相關《利用CSS與DIV進行頁面布局.ppt(6頁珍藏版)》請在人人文庫網上搜索。
1、利用CSS與DIV進行頁面布局,學習目標:,理解CSS+DIV網頁布局的含義掌握網頁結構的規劃掌握CSS樣式的創建和具體應用理解盒子(BOX)模型的含義會利用CSS+DIV進行簡單網頁的布局,WEB標準,WEB標準提出網頁由三部分組成:結構、表現和行為。WEB標準的特征:網頁的內容與表現相分離。CSS+DIV是目前較為流行的可滿足WEB標準的一種網頁設計方法。,DIV標簽:塊元素,容器,用來裝載網頁中大塊的內容,并定位在網頁的某部分。規劃網頁結構:logo,navigation,content,footer等,制作過程,將網頁主要內容包圍在DIV中并分配ID利用CSS編輯每個DIV的屬性盒模型:內容、填充(padding)、邊框(border)和邊界(margin)利用CSS對DIV元素進行定位相對定位:相對于原來應在的位置進行移動絕對定位:與原來所在的位置無關浮動:可以左右移動,不占據空間,像文本框,實現兩個元素或更多的元素放在一行上,小結:,利用CSS+DIV進行網頁布局,主要是將頁面的內容劃分成一個個區域,裝載到每一個DIV中,然后利用CSS對DIV元素進行編輯并對其進行定位,達到頁面布局的效果。
總結
以上是生活随笔為你收集整理的应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 原单位办的信用卡离职了还能用吗
- 下一篇: html图片轮播怎么做的,CSS3制作轮