一簡答題
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迴圈結構實現 從鍵盤上輸入接收從周一到周五每天學習時間 以小時為單位 並計算每日平均學習時...