第六章作業

2021-08-31 07:18:57 字數 1713 閱讀 7131

一簡答題

1.什麼是盒子模型?盒子模型的屬性有那幾個?它們的作用分別是什麼?

答:(1)css將網頁中所有元素都看成乙個個盒子。

(2)盒子模型屬性有邊框、內邊距和外邊距。

(3)邊框設定網頁元素邊框的顏色、粗細和樣式;外邊距指與其他盒子之間的距離,也就是指網頁中元素與元素之間的距離,便於精確控制盒子的位置;內邊距用於控制內容與邊框之間的距離,以便精確控制內容在盒子中的位置。

2.盒子模型有哪幾種解析方式?它們有什麼區別?

答:(1)content-box:預設值,盒子的寬度或高度 = border+padding+(margin)+ width/height。

(2)border-box:盒子的寬度或高度等於元素內容的寬度或高度。從盒子模型的介紹可知,這裡內容寬度或高度包含了元素的border、padding、內容的寬度或高度(此處的內容寬度或高度=盒子寬度或高度-border-padding)。

3.製作圖北大青鳥**的中心開班資訊模組。要求如下:

《頁面寬度250px,整體居中顯示,背景使用線性漸變及1px的灰色圓角邊框。

《標題左側的小圖示以背景的方式實現,標題顏色為白色。

《使用無序實現開班資訊列表,列表前的小三角箭頭和下方的虛線均使用背景影象的方式實現。

《列表超連結文字顏色為灰色,無下劃線,當滑鼠懸浮在超連結文字上是,字型顏色改變無下劃線。

《頁面中涉及的盒子模型解析方式都使用border-box。

/初始化內外邊距/

body,div,ul,li

/設定頁面整體/

.div

/設定標題/

.h2/設定列表/

li/原來/

a/懸浮時/

a:hover

中心開班資訊

4.製作圖商品分類列表頁面。

《商品列表放在乙個div中,/初始化內外邊距/

body,div,ul,li

li/設定整體/

#div

/設定寬度去除前面裝飾/

#div ul

/設定列表/

#div li

/未懸浮時/

#div a

/懸浮時/

#div a:hover

/設定列表背景/

#div li:nth-of-type(1)

#div li:nth-of-type(2)

#div li:nth-of-type(3)

#div li:nth-of-type(4)

#div li:nth-of-type(5)

#div li:nth-of-type(6)

#div li:nth-of-type(7)

#div li:nth-of-type(8)

#div li:nth-of-type(9)

#div li:nth-of-type(10)

商品分類列表頁

5.製作權威課程免費體驗登入頁面。

《頁面文字顏色為白色,*的字型顏色為紅色。

《使用無序列表排版單元素。

《無序列表內容在頁面中居中顯示。

<「免費體驗」按鈕使用背景影象的方式實現。

《按語義化使用表單元素,且是圓角邊框。

body,div,ul,li

li .picture

.suli

li span

select

.button

.male

免費體驗登陸頁面

第六章作業

例題6.1 舉例說明了指標的幾種表示形式,p指向指標指向的變數,p指向該變數的儲存位址,例題6.1 指標的幾種形式 自動化1121 李慶典 include 預編譯處理命令 using namespace std 標準名字空間 int main q 0 cout string1 is cout 例題6...

第六章作業

6.12 要求 1 建立基類area cl的兩個派生類rectangle與isosceles,讓每乙個派生類都包含乙個函式area 分別用來返回矩形與三角形的面積。用建構函式對height與width進行初始化。2 寫出主程式,用來求height與width分別為10.0與5.0的矩形面積,以及求h...

作業第六章

一簡答題 1.說明在迴圈結構中break和continue語句的區別。答 break語句 用於終止某個迴圈,程式跳轉到迴圈體外的下一條語句。continue語句 用於跳出本次迴圈,進入下一次迴圈。2.使用for迴圈結構實現 從鍵盤上輸入接收從周一到周五每天學習時間 以小時為單位 並計算每日平均學習時...