web2CSS基礎應用手冊實驗_第1頁
web2CSS基礎應用手冊實驗_第2頁
web2CSS基礎應用手冊實驗_第3頁
web2CSS基礎應用手冊實驗_第4頁
web2CSS基礎應用手冊實驗_第5頁
全文預覽已結束

下載本文檔

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

文檔簡介

1、實驗報告冊 2020-2021 學年 第二 學期課程名稱: Web前端開發技術A 學 院:計算機科學與技術學院專 業: 軟件工程 班 級: xxx 學 號: XXXXXXX 學生姓名: XXXX XXX學院實驗報告實驗項目 CSS基礎應用 實驗日期 2021年5月7日 班 級 軟件工程 姓 名 XXXX 指導教師 XXXXX 綜合成績 一、預習內容1、實驗目的和要求(1)掌握CSS選擇器的使用方法;(2)掌握CSS文本和段落的修飾屬性;(3)掌握CSS盒模型的概念和用途、 方法;(4)掌握CSS定位的使用方法和常用屬性;(5)會使用盒模型和CSS定位進行網頁排版。2、實驗內容和原理利用所學的C

2、SS樣式,設計如下圖所示效果3、實驗所用主要儀器設備(或實驗環境)Win7+Hbuilder+瀏覽器4、實驗方案設計(思路、步驟和方法等)本次實驗主體由兩個盒子組成,主要是第一個盒子開始設置盒子寬高,列表的運用使用行內塊的轉換,浮動使電話圖片和文字在一行,接著項目介紹圖片外邊距移動位置。文本塊內邊距靠右,里邊h4、p的文本大小居中文字顏色設置。本快背景設置圖片background-image、不平鋪在左下方。最后一個盒子文本居中設置字體顏色,背景顏色。二、實驗數據(現象)記錄及結果處理實驗結果:三、實驗結果分析與討論(對實驗結果進行具體分析,并對實驗中出現的問題或錯誤原因分析,以及改進的辦法與

3、建議) 本次實驗是簡單CSS選擇器的使用方法,CSS文本和段落的修飾屬性;CSS盒模型的概念和用途,方法;掌握CSS定位的使用方法和常用屬性;會使用盒模型和CSS定位進行網頁排版。實驗過程中沒有什么大問題,但對于圖片的方法背景background-image以及img使用不能更好判斷使用那個。教師評閱意見 (1)實驗預習 (30分)成績: 預習認真、熟練掌握方法與步驟(3028) 有預習、基本掌握方法與步驟(2722)有預習、但未能掌握方法與步驟(2118) 沒有預習,不能完成實驗(170)(2)操作過程 (40分)成績: 遵規守紀、操作熟練、團結協作 (4037) 遵規守紀、操作正確、有協作 (3629) 遵規守紀、操作基本正確、無協作 (2824) 不能遵規守紀、操作不正確、無協作(230) (3)結果分析 (30分)成績: 結果詳實、結論清晰、討論合理(3028) 結果正確、討論適當(2722) 結果正

溫馨提示

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

評論

0/150

提交評論