網(wǎng)頁設(shè)計(jì)基礎(chǔ)2022下學(xué)期學(xué)習(xí)通超星期末考試答案章節(jié)答案2024年

網(wǎng)頁設(shè)計(jì)基礎(chǔ)2022下學(xué)期學(xué)習(xí)通超星期末考試章節(jié)答案2024年某元素對(duì)象設(shè)置為絕對(duì)定位顯示，但是它的所有祖先元素都沒有設(shè)置過定位屬性，那么該元素定位時(shí)參照元素是body元素。

答案:對(duì)使用CSS樣式設(shè)置某頁面元素采用絕對(duì)定位方式進(jìn)行定位，完成填空：position:______;

答案:absolute使用CSS樣式設(shè)置某頁面元素采用相對(duì)定位方式進(jìn)行定位，完成填空：position:______;

答案:relative以下哪些是HTML元素的定位機(jī)制？

答案:常規(guī)文檔流（普通流）定位;浮動(dòng)定位;相對(duì)定位;絕對(duì)定位元素設(shè)置了樣式“position:relative;top:10px;”，則元素的位置為？

答案:相對(duì)于其本身在常規(guī)文檔流的原位置向下偏移10像素，即距原位置頂部10pxCSS屬性margin-left用于單獨(dú)設(shè)置左側(cè)內(nèi)邊距。

答案:錯(cuò)使用CSS樣式單獨(dú)設(shè)置某元素的左側(cè)內(nèi)邊距為15px，完成填空：_______:15px;

答案:padding-left給元素對(duì)象設(shè)置內(nèi)邊距，其中上邊為10px，左右為20px，下邊為30px，則以下屬性設(shè)置正確的有哪些？

答案:padding:10px

20px

30px;;padding:10px

20px

30px

20px;;padding-top:10px;padding-left:20px;padding-right:20px;padding-bottom:30px;樣式“padding-right”用于單獨(dú)設(shè)置？

答案:右側(cè)內(nèi)邊距樣式“margin:10px20px;”用于設(shè)置？

答案:元素對(duì)象的上下外邊距為10px，左右外邊距為20px使用CSS樣式設(shè)置某元素的最大高度為200px，完成填空：______:200px;

答案:max-height使用CSS樣式設(shè)置某元素的寬度為300px，完成填空：______:300px;

答案:width應(yīng)用了CSS樣式“border-width:0px;”的元素將不顯示邊框。

答案:對(duì)CSS樣式“border-width:1px?2px?3px?4px;”表示設(shè)置某個(gè)HTML元素的上邊框?yàn)?px、右邊框?yàn)?px、下邊框?yàn)?px、左邊框?yàn)?px。

答案:對(duì)完成填空，去掉圖片img元素的四個(gè)邊框。img{

border:

;}

答案:none完成填空，給div元素設(shè)置一個(gè)實(shí)線下邊框。div{

border-bottom-style：_______;}

答案:solid完成填空，給div元素設(shè)置一個(gè)顏色為綠色的下邊框。div{

_______：green;}

答案:border-bottom-color完成填空，僅給div元素設(shè)置一個(gè)上部的邊框，其寬度為10px，線型為實(shí)線，顏色為紅色。div{

______：10pxsolidred;}

答案:border-top邊框?qū)傩詁order可以拆分為哪三個(gè)維度的獨(dú)立屬性？

答案:border-color;border-style;border-widthCSS屬性border-style可以取下列哪些屬性值？

答案:dotted;none;solid;double以下哪個(gè)CSS屬性是用于設(shè)置底邊框的？

答案:border-bottom下列哪個(gè)CSS樣式能夠設(shè)置盒子上下邊框的寬度為10px，左右邊框的寬度為20px？

答案:border-width：10px

20px;下列哪個(gè)CSS樣式能夠設(shè)置上邊框的寬度為10px，右邊框的寬度為20px、下邊框的寬度為30px、左邊框的寬度為40px？

答案:border-width:10px

20px

30px

40px;用于設(shè)置邊框顏色的屬性是？

答案:border-color用于設(shè)置邊框線型的屬性是？

答案:border-style用于設(shè)置邊框?qū)挾鹊膶傩允牵?/p>

答案:border-width使用CSS設(shè)置無序列表的列表項(xiàng)前不顯示任何項(xiàng)目符號(hào)，完成以下填空。ul{

list-style-type:

______；}

答案:noneCSS樣式“l(fā)ist-style-type:_________；”設(shè)置列表項(xiàng)目符號(hào)為實(shí)心矩形。

答案:square將圖像設(shè)置為列表項(xiàng)目標(biāo)記的CSS屬性是？

答案:list-style-image設(shè)置列表項(xiàng)目符號(hào)為空心圓圈的CSS樣式是？

答案:list-style-type:circle;CSS樣式“background-repeat:repeat-x;”設(shè)置背景圖像僅在垂直方向上平鋪。

答案:錯(cuò)給div元素設(shè)置一個(gè)背景圖片，要求背景圖片在水平方向平鋪，并且位于左下角，假設(shè)背景圖片名稱為“bg.jpg”,背景圖片與css文件在同一個(gè)目錄中，請(qǐng)完成填空。div

{

background:

url("./bg.jpg")

______left

bottom;}

答案:repeat-x給div元素設(shè)置一個(gè)背景圖片，要求背景圖片垂直方向上平鋪，并且位于左下角，假設(shè)背景圖片名稱為“bg.jpg”,背景圖片與css文件在同一個(gè)目錄中，請(qǐng)完成填空。div

{

background:

url("./bg.jpg")______left

bottom;}

答案:repeat-y給div元素設(shè)置一個(gè)背景圖片，要求背景圖片只顯示一次，并且位于左下角，假設(shè)背景圖片名稱為“bg.jpg”,背景圖片與css文件在同一個(gè)目錄中,請(qǐng)完成填空。div

{

background:

url("./bg.jpg")

______

left

bottom;}

答案:no-repeatCSS屬性background-position用于設(shè)置背景圖像所在位置，其中可以用于垂直方向位置的屬性值有哪些？

答案:top;center;bottom使用CSS樣式給所有的段落p設(shè)置背景顏色為紅色，下列哪個(gè)選項(xiàng)寫法正確？

答案:p{

background-color：red；}下列哪個(gè)CSS屬性用于設(shè)置對(duì)象的背景特性？

答案:backgroundCSS中，使用十六進(jìn)制數(shù)顏色表示法#RRGGBB，其中RR表示紅色值，GG表示綠色值，BB表示藍(lán)色值。

答案:對(duì)CSS樣式“opacity:0.5;”設(shè)置對(duì)象完全不透明。

答案:錯(cuò)CSS中，顏色值“#DD33AA”可以簡(jiǎn)寫為“#D3A”。

答案:對(duì)CSS中，用于設(shè)置對(duì)象的不透明度的屬性名稱是？

答案:opacity下列哪個(gè)CSS屬性可以設(shè)置文本字體顏色？

答案:color樣式“text-decoration-style:solid;”設(shè)置了文本裝飾的線型為虛線。

答案:錯(cuò)樣式“l(fā)ine-height:200%；”表示設(shè)置行高為2倍行距。

答案:對(duì)CSS屬性line-height用于設(shè)置文本的行高。

答案:對(duì)CSS屬性text-indent可以取負(fù)值，取負(fù)值表示文本首行向左縮進(jìn)。

答案:對(duì)CSS屬性text-decoration可以拆分為三個(gè)獨(dú)立的屬性，分別是？

答案:text-decoration-line;text-decoration-style;text-decoration-color用于設(shè)置字體的大小為12像素。

答案:對(duì)下列哪段樣式代碼能夠定義所有段落元素內(nèi)文字加粗顯示？

答案:p{

font-weight:bold;}下列哪個(gè)CSS屬性可以設(shè)置文本使用的字體？

答案:font-family下列哪個(gè)CSS屬性可以設(shè)置字體大??？

答案:font-size分組選擇器用于組合多種選擇器的選擇結(jié)果，使用_____隔開不同的選擇器。

答案:,;逗號(hào)分組選擇器是當(dāng)由幾個(gè)不同的選擇器選中的元素具有共同的樣式屬性時(shí)，可以共同調(diào)用一個(gè)聲明，元素之間用________分隔。

答案:,選擇器“ul

li:last-child”將選中ul類別的第一個(gè)列表項(xiàng)。

答案:錯(cuò)設(shè)置文本框獲取輸入焦點(diǎn)時(shí)的樣式需要使用的選擇器是：input[type="text"]:focus。

答案:對(duì)選擇已訪問的鏈接的超鏈接偽類選擇器是________________。

答案:a:visited{...}可以選擇未被訪問的鏈接的超鏈接偽類選擇器是_______。

答案:a:link{...}當(dāng)鼠標(biāo)點(diǎn)擊按下超鏈接并且鼠標(biāo)尚未釋放時(shí)，使用的偽類選擇器是_______________。

答案:a:active{...}選擇頁面中具有title屬性的超鏈接的選擇器是a[title]{....}。

答案:對(duì)/star3/origin/16d645e8722b32e2c71e2daf8fc5d48d.png

答案:p[title='head'];p[title="head"]/star3/origin/108a13c4019e0289571985a1948a00cc.png

答案:p[title$="c1"]子選擇器中的選擇器1和選擇器2之間使用_______隔開。

答案:～包含（后代）選擇器，選擇器1和選擇器2之間使用_____隔開。

答案:空格選擇位于E元素之后的所有兄弟元素F，選擇器為E____F。

答案:~假設(shè)選擇器1選中的元素（集）為E，選擇器2選中的元素（集）為F，那么子選擇器“選擇器1

選擇器2”將選中________？

答案:所有作為E元素的直接子元素F/star3/origin/2bdb594a30560c297fe75348f6e5ec9c.png

答案:對(duì)多個(gè)不同的HTML元素可以定義同一個(gè)類名。

答案:對(duì)/star3/origin/671c0be78e60deef008115b506a39e1a.png

答案:p.demo可以用于選擇頁面中所有元素對(duì)象的選擇器符號(hào)是______________。

答案:*選擇器p.demo表示選擇________元素。

答案:所有類名為demo的段落元素css語法中，內(nèi)部樣式和外部樣式的定義語法相同。

答案:對(duì)css語法中，內(nèi)部樣式和內(nèi)聯(lián)樣式的定義方式完全相同。

答案:錯(cuò)選擇器每條規(guī)則都要以分號(hào)結(jié)束。

答案:對(duì)css的注釋是/**/。

答案:對(duì)css的樣式有（）。

答案:內(nèi)聯(lián)樣式;內(nèi)部樣式;外部樣式選擇器對(duì)選中的html元素應(yīng)用定義于______中的樣式規(guī)則。

答案:{}如下HTML代碼，頁面中段落文本將呈現(xiàn)綠色，是因?yàn)椋?/p>

）。＜div

style=＂color:

green;＂＞

＜p>段落文本答案:color屬性具有繼承特性已知①HTML代碼：＜p＞段落文本＜/p＞②內(nèi)部樣式定義：p{color:green;}③外部樣式定義：p{color:blue;}④HTML頁面首先定義的內(nèi)部樣式，之后導(dǎo)入的外部樣式請(qǐng)問頁面中段落文本呈現(xiàn)什么顏色？

答案:藍(lán)色已知①HTML代碼：＜div

style=＂color:

green;＂＞＜p＞段落文本＜/p＞＜/div＞②內(nèi)部樣式定義：p

{

color:

red;}請(qǐng)問頁面中段落文本呈現(xiàn)什么顏色？

答案:紅色已知①HTML代碼：＜p＞段落文本＜/p＞②內(nèi)部樣式定義：p

{

color:

green;}③外部樣式定義：p

{

color:

blue;}④HTML頁面首先導(dǎo)入的外部樣式，之后定義的內(nèi)部樣式請(qǐng)問頁面中段落文本呈現(xiàn)什么顏色？

答案:綠色行內(nèi)樣式使用（

）屬性來定義。

答案:style請(qǐng)?jiān)跈M線上補(bǔ)全引入外部樣式文件的代碼：＜link

type=＂text/css＂

rel=＂stylesheet＂

_____=＂./css/demo.css＂

/＞

答案:href請(qǐng)補(bǔ)全橫線上內(nèi)部樣式的代碼：<______

type=＂text/css＂>

p

{

color:

red;

}

答案:style除了瀏覽器缺省設(shè)置的樣式之外，我們可以使用哪些方式給HTML元素定義樣式？

答案:內(nèi)聯(lián)樣式;內(nèi)部樣式;外部樣式HTML頁面使用（

）標(biāo)簽導(dǎo)入外部樣式文件。

答案:＜link＞內(nèi)部樣式在＜style＞...＜/style＞標(biāo)簽內(nèi)部定義，通常將＜style＞標(biāo)簽放置在（

）內(nèi)部。

答案:＜head＞標(biāo)簽已知瀏覽器窗口高度為800px，元素中的內(nèi)容高度為1600px，則瀏覽器窗口右側(cè)將默認(rèn)出現(xiàn)滾動(dòng)條。

答案:對(duì)塊級(jí)元素本身從新的行開始，其后續(xù)元素另起一行顯示。

答案:對(duì)下述哪些元素是塊級(jí)元素？

答案:;;下面哪個(gè)元素是內(nèi)聯(lián)塊元素？

答案:，輸入表單元素，使用

屬性標(biāo)識(shí)不同的輸入。

答案:name/star3/origin/3663e6b4d3af0cc5ae8a96a1381c01af

答案:password元素的type屬性的取值可以是：（

）

答案:checkbox

;image;button

下列哪些選項(xiàng)表示的是按鈕。（

）

答案:type="submit";type="reset"

;type="button"下列屬于表單元素的type屬性值的是（

）

答案:text;password;radioHTML中表單的reset表示（）。

答案:重置

HTML代碼表示（）

答案:創(chuàng)建一個(gè)下拉菜單有如下一段代碼，請(qǐng)問它的功能是。（

）

答案:創(chuàng)建一個(gè)文本框?qū)τ跇?biāo)簽，其中*代表GET或（

）。

答案:POST

在網(wǎng)頁中通常采用（

）完成性別的輸入

答案:單選按鈕在HTML中，（

）標(biāo)簽用于在網(wǎng)頁中創(chuàng)建表單。

答案:關(guān)于Form表單中Input輸入項(xiàng)說法錯(cuò)誤的是（

）

答案:Type=submit可以用來提交表單，此種方式的提交是POST提交關(guān)于下面代碼片段分析不正確的是（

）

......

答案:表單提交的數(shù)據(jù)將會(huì)出現(xiàn)在地址欄中若要產(chǎn)生一個(gè)4行30列的多行文本域，以下方法中，正確的是（

）。

答案:增加表單的密碼域的HTML代碼是（

）

答案:…用來設(shè)置數(shù)據(jù)__________的內(nèi)容。

答案:單元格<__________>用來聲明表格的開始。

答案:table有關(guān)下列代碼分析不正確的是（

）

電話卡

聯(lián)通

移動(dòng)

答案:第一行有兩列，第二行有一列以下標(biāo)記中，用于定義一個(gè)單元格的是（

）

答案:

運(yùn)行以下代碼，在瀏覽器中將顯示（

）

姓名

年齡

張明

28

李紅

23

答案:表格的邊框的寬度為0以下標(biāo)記符中，用于設(shè)置表格標(biāo)題的是（

）

答案:標(biāo)簽的屬性target="_blank"，表示在新瀏覽器窗口中打開網(wǎng)頁。

答案:對(duì)鏈接的基本語法是（

）

答案:...跳轉(zhuǎn)到hello.html頁面的“bn"錨點(diǎn)是（

）

答案:...下列選項(xiàng)中，用于設(shè)置超鏈接所指向頁面的URL屬性是（

）

答案:href在網(wǎng)頁中，必須使用（

）標(biāo)簽來完成超級(jí)鏈接。

答案:/star3/origin/3bdedb0fc1a6c6e916aa07d2b319b908.PNG

答案:錯(cuò)/star3/origin/aaf4ad790c52616c48af3db77f482eb4.PNG

答案:A;2無序列表中，屬性type的值可以是

答案:disc;square;circle在列表中，用來設(shè)定序列的起始值的屬性是

答案:start/star3/origin/1c3c15c3f1d008f8743c6731699e786d.JPG

答案:src;./pic.jpg/star3/origin/17cadb13486b3462a2aad2b9dc8fb551.JPG

答案:src;./img/pic.jpg用于表示當(dāng)前文件所在的目錄的是

答案:/當(dāng)圖像無法顯示的時(shí)候，通過（）屬性定義的