圓角設置(盒子模型-Asp)_第1頁
圓角設置(盒子模型-Asp)_第2頁
圓角設置(盒子模型-Asp)_第3頁
圓角設置(盒子模型-Asp)_第4頁
圓角設置(盒子模型-Asp)_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

實驗名稱實驗二實驗目的1.深入理解盒子模型。2.掌握使用CSS進行文本與段落排版的基本方法，學會使用盒子模型進行定位和布局。實驗設備1.一臺安裝好VisualWebDeveloper的計算機.2.使用繪圖工具繪制的四個圓角圖片3.包含有文章內容的純文本文件“HTML_XML.txt”，或任意一個有一定量文字的短文。實驗日期3.26一、實驗預習1.理解盒子模型。2.掌握使用CSS進行文本與段落排版的基本方法，學會使用盒子模型進行定位和布局。二、實驗內容(原理、方法、框圖)1.圓角框是通過顯示四個小圖片實現(xiàn)的，這里面的關鍵是CSS支持將特定的背景放置于一個盒子的上、下、左、右四個角上，但一個盒子只能設置一個背景圖片，因此，示例使用了嵌套了三層的四個div塊。2.四個div塊顯示的圓角圖片順序和位置必須與圖3-3一致，才能正確顯示出圓角框。3.最外層的div塊的背景色設置成與圓角圖片顏色一致。這樣就實現(xiàn)了圓角框高度和寬度的自動延伸。三、實驗過程（步驟、實現(xiàn)代碼）實驗1：一、實驗步驟：1.在VisualWebDeveloper中新創(chuàng)建一個網(wǎng)站。2.向網(wǎng)站中添加一個新的HTML網(wǎng)頁。3.將以下內容輸入到新網(wǎng)頁的<body>元素中，注意其中已設置了一些樣式類：4.緊接著給頁面定義相關的樣式類，這四個樣式類用于設置圓角框四個角的背景圖像。.style1{font-size:36px;}</style></head><body><divid="container"><divid="title"align="center"style="margin-buttom:40px;">HTML與XML</div><divid="introduce"style="float:left">HTML確定了網(wǎng)頁的文檔結構，而XML則定義了信息自身的結構，網(wǎng)頁總要承載特定的信息，因此，HTML與XML有著密切的聯(lián)系。在網(wǎng)頁設計中，HTML是基礎，而在程序開發(fā)中，XML則擁有重要的地位。要了解與學習Web開發(fā)技術，必須從掌握HTML與XML的基礎知識起步。</div><divid="content"><divclass="style1"style="float:left"><strong>H</strong></div>TML是“HyperTextMarkupLanguage”這三個英文單詞的縮寫，中文譯為“超文本標簽語言”。HTML是Web上廣泛使用的標簽語言，主要用于定義Web網(wǎng)頁。瀏覽器（WebBrowser）是專門設計出來解析HTML代碼的程序，由它負責將Web網(wǎng)頁呈現(xiàn)在屏幕上。<p>  為了方便瀏覽器的開發(fā)，W3C組織為HTML制定了相應的國際標準，目前常用的版本為.01（年發(fā)布）。但這一標準并不嚴格，而且由于歷史原因，一些老的HTML網(wǎng)頁并不規(guī)范，比如有的網(wǎng)頁其開始標簽與結束標簽的并沒有嚴格對應，而且大小寫也不區(qū)分。</p><p>  由于HTML的老版本并不統(tǒng)一，所以，在解析老版本的HTML時，各種瀏覽器在開發(fā)時自行其事，從而導致網(wǎng)頁在不同的瀏覽器中顯示不一樣。</p><p> HTML網(wǎng)頁編寫的這種隨意性不僅給瀏覽器的開發(fā)帶來了許多不便，也不利于互聯(lián)網(wǎng)的進一步發(fā)展。</p><p>  為了統(tǒng)一網(wǎng)頁的編寫規(guī)則，在原有HTML規(guī)范的基礎之上W3C又制訂了更嚴格的XHTML規(guī)范，引入了XML文檔的一些特性（比如開始標簽與結束標簽的嚴格對應，整個文檔只能有一個根節(jié)點等）。</p></div></div></body></html>三、實驗結果（遇到的問題及解決方法）實驗一結果截圖：實驗二結果截圖：四、心得體會(實驗收獲)這次實驗過程中我遇到了好多的問題，比如像圓角的顯示，文章排版的浮動顯示等。在顯示圓角的時候，由于一些代碼語法的錯誤（如：該有空格的地方?jīng)]有空格）致使圓角不能顯示出來；在做浮動效果的時

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論