web2CSS基礎(chǔ)應(yīng)用手冊實驗

1、實驗報告冊 2020-2021 學(xué)年 第二 學(xué)期課程名稱： Web前端開發(fā)技術(shù)A 學(xué) 院：計算機科學(xué)與技術(shù)學(xué)院專 業(yè)： 軟件工程 班 級： xxx 學(xué) 號： XXXXXXX 學(xué)生姓名： XXXX XXX學(xué)院實驗報告實驗項目 CSS基礎(chǔ)應(yīng)用 實驗日期 2021年5月7日 班 級 軟件工程 姓 名 XXXX 指導(dǎo)教師 XXXXX 綜合成績 一、預(yù)習(xí)內(nèi)容1、實驗?zāi)康暮鸵螅?）掌握CSS選擇器的使用方法；（2）掌握CSS文本和段落的修飾屬性；（3）掌握CSS盒模型的概念和用途、 方法；（4）掌握CSS定位的使用方法和常用屬性；（5）會使用盒模型和CSS定位進行網(wǎng)頁排版。2、實驗內(nèi)容和原理利用所學(xué)的C

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

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