1.[單選題]關(guān)于盒模型說法不正確的是（）。A．盒模型由margin、border、padding、content這4部分組成B．標(biāo)準(zhǔn)盒模型是box-sizing:border-boxC．怪異盒模型是box-sizing:border-boxD．標(biāo)準(zhǔn)盒模型是box-sizing:content-box答案：B知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.1創(chuàng)作畫像展及圖片邊框/5.1.3盒子的寬度與高度難度：困難解析：不正確的說法是B在CSS中，標(biāo)準(zhǔn)盒模型（也稱為W3C盒模型）的寬度（width）和高度（height）只包括內(nèi)容（content）的寬度和高度，不包括邊框（border）、內(nèi)邊距（padding）和外邊距（margin）。這是CSS的默認(rèn)行為，對(duì)應(yīng)于box-sizing:content-box。而怪異盒模型（也稱為IE盒模型）的寬度（width）和高度（height）包括了內(nèi)容（content）、內(nèi)邊距（padding）和邊框（border），但不包括外邊距（margin）。這可以通過設(shè)置box-sizing:border-box來實(shí)現(xiàn)。2.[單選題]給<div>盒子設(shè)置鼠標(biāo)指針經(jīng)過時(shí)變圓角的屬性是（）。A．box-sizing B．box-shadow C．border-radius D．border答案：C知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.1創(chuàng)作畫像展及圖片邊框/5.1.7CSS3新增盒子模型屬性難度：一般解析：A.box-sizing：這個(gè)屬性用于控制元素的寬度和高度是否包括邊框和內(nèi)邊距。B.box-shadow：這個(gè)屬性用于給元素添加陰影。C.border-radius：這個(gè)屬性用于設(shè)置元素邊框的圓角。D.border：這個(gè)屬性用于設(shè)置元素邊框的樣式、寬度和顏色。題目要求在鼠標(biāo)指針經(jīng)過時(shí)使<div>盒子的邊角變圓，這明顯是設(shè)置邊框的圓角。因此，正確答案是C.border-radius。但是，要注意題目中的“鼠標(biāo)指針經(jīng)過時(shí)”這個(gè)條件。如果只是設(shè)置border-radius，那么<div>盒子的邊角會(huì)一直保持圓角，而不是在鼠標(biāo)指針經(jīng)過時(shí)才變圓。為了實(shí)現(xiàn)這個(gè)效果，我們還需要使用:hover偽類來配合border-radius屬性。例如：div{transition:border-radius0.3s;/*添加過渡效果*/}div:hover{border-radius:10px;/*鼠標(biāo)指針經(jīng)過時(shí)設(shè)置圓角*/}這樣，當(dāng)鼠標(biāo)指針經(jīng)過<div>盒子時(shí)，它的邊角會(huì)逐漸變成圓角。但根據(jù)題目的選項(xiàng)，我們只能選擇C.border-radius作為最接近的答案。3.[單選題]設(shè)置一個(gè)<div>的上外邊距為20px、下外邊距為30px、左外邊距為40px、右外邊距為50px，下列書寫正確的是（）。A．padding:20px30px40px50px; B．padding:20px50px30px40px;C．margin:20px30px40px50px; D．margin:20px50px30px40px;答案：D知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.1創(chuàng)作畫像展及圖片邊框/5.1.2盒子的外邊距與內(nèi)邊距難度：一般解析：首先，我們需要明確題目要求設(shè)置的是<div>的外邊距（margin），而不是內(nèi)邊距（padding）。因此，我們可以先排除選項(xiàng)A和B，因?yàn)樗鼈兪褂玫氖莗adding屬性。接下來，我們來看選項(xiàng)C和D。這兩個(gè)選項(xiàng)都使用了margin屬性，但是它們的值順序不同。在CSS中，margin屬性的四個(gè)值分別代表上、右、下、左的外邊距，按照順時(shí)針方向排列。這就是所謂的“上右下左”順序。根據(jù)題目要求，我們需要設(shè)置的順序是：上外邊距為20px、右外邊距為50px、下外邊距為30px、左外邊距為40px。按照“上右下左”的順序，正確的書寫應(yīng)該是：margin:20px50px30px40px;因此，正確答案是D?？偨Y(jié)一下：選項(xiàng)A和B使用了錯(cuò)誤的屬性（padding而不是margin）。選項(xiàng)C的值順序不正確。選項(xiàng)D的值順序正確，符合題目要求。4.[單選題]以下不屬于background-clip屬性的值的是（）。A．padding-box B．none C．content-box D．border-box答案：B知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.2添加創(chuàng)意漸變色與多重圖像背景/5.2.2背景圖像難度：一般解析：background-clip屬性的值包括border-box、padding-box、content-box、initial和inherit。其中，border-box是默認(rèn)值。這些值分別表示背景的繪制區(qū)域?yàn)檫吙蚝?、?nèi)邊距盒和內(nèi)容盒等。在給出的選項(xiàng)中：A.padding-box是有效的值。B.none不是background-clip屬性的有效值。C.content-box是有效的值。D.border-box是有效的值。因此，正確答案是B.none，因?yàn)閚one不是background-clip屬性的有效值。5.[單選題]關(guān)于box-shadow屬性及其屬性值說法正確的是（）。A．第一個(gè)屬性值是用于設(shè)置水平距離的 B．第二個(gè)屬性值是用于設(shè)置水平距離的C．box-shadow屬性用于設(shè)置文字投影D．第三個(gè)屬性值是用于設(shè)置投影顏色的答案：A知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.1創(chuàng)作畫像展及圖片邊框/5.1.6盒子陰影屬性難度：一般解析：關(guān)于box-shadow屬性的正確說法，需要了解其語法和參數(shù)含義。以下是詳細(xì)解析：box-shadow屬性的語法box-shadow屬性用于為元素添加陰影效果，其語法格式為：box-shadow:h-offsetv-offsetblurspreadcolorinset;其中：h-offset（水平偏移量）：第一個(gè)值，定義陰影的水平偏移距離。正值表示向右偏移，負(fù)值表示向左偏移。v-offset（垂直偏移量）：第二個(gè)值，定義陰影的垂直偏移距離。正值表示向下偏移，負(fù)值表示向上偏移。blur（模糊半徑）：第三個(gè)值，定義陰影的模糊程度。值越大，陰影越模糊。spread（擴(kuò)展半徑）：第四個(gè)值，定義陰影的擴(kuò)展范圍。正值表示擴(kuò)大陰影，負(fù)值表示縮小陰影。color（顏色）：定義陰影的顏色。inset（內(nèi)陰影）：關(guān)鍵字，表示陰影為內(nèi)陰影（向內(nèi)填充），默認(rèn)為外陰影（向外擴(kuò)展）。選項(xiàng)解析A.第一個(gè)值是用于設(shè)置水平距離的

正確。第一個(gè)值（h-offset）確實(shí)用于設(shè)置陰影的水平偏移距離。B.第二個(gè)值是用于設(shè)置水平距離的

錯(cuò)誤。第二個(gè)值（v-offset）用于設(shè)置陰影的垂直偏移距離，而不是水平距離。C.用于設(shè)置文字投影

錯(cuò)誤。box-shadow

屬性用于為元素添加陰影效果，而不是專門用于文字投影。文字投影通常使用text-shadow屬性。D.第三個(gè)值是用于設(shè)置投影顏色的

錯(cuò)誤。第三個(gè)值（blur）用于設(shè)置陰影的模糊程度，而不是顏色。顏色值通常出現(xiàn)在第四個(gè)位置。結(jié)論根據(jù)以上分析，正確答案是A.第一個(gè)值是用于設(shè)置水平距離的。補(bǔ)充說明如果省略部分值，默認(rèn)值為0。例如，box-shadow:10px10px;表示水平偏移10px，垂直偏移10px，其他值為默認(rèn)值。多個(gè)陰影可以通過逗號(hào)分隔實(shí)現(xiàn)，例如：box-shadow:2px2px,4px4px5pxred;。6.[多選題]background-origin屬性的值有哪些？（）A．padding-box B．border-box C．none D．content-box答案：A,B,D知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.2添加創(chuàng)意漸變色與多重圖像背景/5.2.2背景圖像難度：困難解析：關(guān)于background-origin屬性的值，以下是詳細(xì)解析：background-origin屬性的定義background-origin屬性用于指定背景圖像的定位原點(diǎn)相對(duì)于元素的區(qū)域。默認(rèn)值為padding-box。如果背景圖像的background-attachment屬性設(shè)置為fixed，則該屬性無效。background-origin屬性的有效值根據(jù)權(quán)威來源，background-origin屬性有三個(gè)有效值：border-box：背景圖像相對(duì)于邊框盒定位。padding-box：背景圖像相對(duì)于內(nèi)邊距盒定位（默認(rèn)值）。content-box：背景圖像相對(duì)于內(nèi)容盒定位。選項(xiàng)解析A.padding-box：有效值，表示背景圖像相對(duì)于內(nèi)邊距盒定位。B.border-box：有效值，表示背景圖像相對(duì)于邊框盒定位。C.none：無效值，background-origin屬性沒有none

這一值。D.content-box：有效值，表示背景圖像相對(duì)于內(nèi)容盒定位。結(jié)論根據(jù)以上分析，background-origin屬性的有效值包括border-box、padding-box和content-box。因此，選項(xiàng)中不屬于background-origin屬性值的是C.none。7.[多選題]box-sizing屬性的值有哪些？（）A．none B．border-box C．content-box D．padding-box答案：A,D知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.1創(chuàng)作畫像展及圖片邊框/5.1.3盒子的寬度與高度難度：困難解析：關(guān)于box-sizing屬性的值，以下是詳細(xì)解析：box-sizing屬性的定義box-sizing屬性用于定義瀏覽器如何計(jì)算一個(gè)元素的總寬度和總高度。它決定了元素的寬度和高度是否包括內(nèi)邊距（padding）和邊框（border）。該屬性在布局和尺寸控制中非常有用。box-sizing屬性的有效值根據(jù)權(quán)威來源，box-sizing屬性有三個(gè)有效值：content-box：默認(rèn)值，表示元素的寬度和高度僅包括內(nèi)容區(qū)域，不包括內(nèi)邊距和邊框。border-box：表示元素的寬度和高度包括內(nèi)容、內(nèi)邊距和邊框，但不包括外邊距。這是常用的值，因?yàn)樗喕撕心Ｐ偷某叽缬?jì)算。inherit：表示從父元素繼承box-sizing屬性的值。選項(xiàng)解析A.none：無效值，box-sizing屬性沒有none這一值。B.border-box：有效值，表示寬度和高度包括內(nèi)容、內(nèi)邊距和邊框。C.content-box：有效值，表示寬度和高度僅包括內(nèi)容區(qū)域（默認(rèn)值）。D.padding-box：無效值，box-sizing屬性沒有padding-box這一值。結(jié)論根據(jù)以上分析，box-sizing屬性的有效值包括content-box、border-box和inherit。因此，選項(xiàng)中不屬于box-sizing屬性值的是A.none和D.padding-box。8.[多選題]下述有關(guān)border:none以及border:0的區(qū)別，描述錯(cuò)誤的是（）。A．border:0表示邊框?qū)挾葹?B．當(dāng)定義了border:none，即隱藏了邊框的顯示，實(shí)際就是使邊框?qū)挾葹?C．當(dāng)定義邊框時(shí)，僅設(shè)置邊框?qū)挾纫部梢赃_(dá)到完全顯示的效果D．border:none表示無邊框樣式答案：B,C知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.1創(chuàng)作畫像展及圖片邊框/5.1.4盒子邊框?qū)傩噪y度：困難解析：關(guān)于border:none和border:0的區(qū)別，以下是詳細(xì)解析：border:0和border:none的含義border:0;：將邊框?qū)挾仍O(shè)置為0，但邊框樣式（如solid、dashed等）仍然存在。這意味著邊框雖然不顯示，但仍占據(jù)位置，并且具有潛在的樣式。border:none;：完全移除邊框，包括樣式和寬度。邊框不再顯示，也不占據(jù)任何位置。選項(xiàng)解析A.border:0表示邊框?qū)挾葹?：正確。border:0確實(shí)將邊框?qū)挾仍O(shè)置為0。B.當(dāng)定義了border:none，即隱藏了邊框的顯示，實(shí)際就是使邊框?qū)挾葹?：錯(cuò)誤。border:none不僅隱藏邊框的顯示，還完全移除了邊框，包括樣式和寬度。邊框不再存在，而不是僅僅寬度為0。C.當(dāng)定義邊框時(shí)，僅設(shè)置邊框?qū)挾纫部梢赃_(dá)到完全顯示的效果：不準(zhǔn)確。僅設(shè)置邊框?qū)挾龋ㄈ鏱order-width:1px;）也可以顯示邊框，但需要配合邊框樣式（如border-style:solid;）才能完全顯示。D.border:none表示無邊框樣式：正確。border:none確實(shí)表示無邊框樣式，完全移除了邊框。結(jié)論根據(jù)以上分析，描述錯(cuò)誤的是B和C。當(dāng)定義了border:none，即隱藏了邊框的顯示，實(shí)際就是使邊框?qū)挾葹?。補(bǔ)充說明border:0和border:none在實(shí)際應(yīng)用中效果不同。border:0仍然保留邊框的潛在樣式，而border:none完全移除邊框。在CSS中，border屬性可以簡寫為border:widthstylecolor;，例如border:1pxsolidred;。以上解析基于CSS標(biāo)準(zhǔn)和常見實(shí)踐9.[多選題]背景相關(guān)屬性包括（）。A．background-size B．background-origin C．text-align D．background-clip答案：A,B,D知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.2添加創(chuàng)意漸變色與多重圖像背景/5.2.2背景圖像難度：一般解析：背景相關(guān)屬性包括：A．background-size：用于控制背景圖片的尺寸。B．background-origin：用于指定背景圖像的定位原點(diǎn)。D．background-clip：用于指定背景繪制區(qū)域。C．text-align屬于文本屬性，用于控制文本的水平對(duì)齊方式，與背景無關(guān)。因此，正確的答案是A、B和D。10.[多選題]下列關(guān)于margin值的描述正確的是（）。A．當(dāng)margin設(shè)定1個(gè)值時(shí)，指的是設(shè)定四個(gè)方向的外邊距B．當(dāng)margin設(shè)定兩個(gè)值時(shí)，指的是設(shè)定左右，上下方向的外邊距C．當(dāng)margin設(shè)定4個(gè)值時(shí)，指的是設(shè)定上、下、左、右方向的外邊距D．當(dāng)margin設(shè)定3個(gè)值時(shí)，指的是設(shè)定上、左右、下方向的外邊距答案：A,D知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.1創(chuàng)作畫像展及圖片邊框/5.1.2盒子的外邊距與內(nèi)邊距難度：一般解析：關(guān)于margin屬性值的描述，以下是詳細(xì)解析：margin屬性值的規(guī)則margin屬性用于設(shè)置元素的外邊距，其值的數(shù)量可以是1到4個(gè)，每個(gè)值可以是長度單位（如px、em）、百分比或關(guān)鍵字（如auto）。以下是不同數(shù)量值的具體含義：（1）當(dāng)margin設(shè)定1個(gè)值時(shí)含義：該值會(huì)應(yīng)用于元素的上、右、下、左四個(gè)方向的外邊距。示例：margin:10px;

表示上、右、下、左的外邊距均為10px。（2）當(dāng)margin設(shè)定2個(gè)值時(shí)含義：第一個(gè)值應(yīng)用于上、下方向的外邊距，第二個(gè)值應(yīng)用于左、右方向的外邊距。示例：margin:10px20px;表示上、下外邊距為10px，左、右外邊距為20px。（3）當(dāng)margin設(shè)定3個(gè)值時(shí)含義：第一個(gè)值應(yīng)用于上方向的外邊距，第二個(gè)值應(yīng)用于左、右方向的外邊距，第三個(gè)值應(yīng)用于下方向的外邊距。示例：margin:10px20px30px;

表示上外邊距為10px，左、右外邊距為20px，下外邊距為30px。（4）當(dāng)margin設(shè)定4個(gè)值時(shí)含義：依次應(yīng)用于上、右、下、左方向的外邊距。示例：margin:10px20px30px40px;

表示上外邊距為10px，右外邊距為20px，下外邊距為30px，左外邊距為40px。分析選項(xiàng)根據(jù)上述規(guī)則，分析題目中的選項(xiàng)：A．當(dāng)margin設(shè)定1個(gè)值時(shí)，指的是設(shè)定四個(gè)方向的外邊距

正確：符合規(guī)則（1）。B．當(dāng)margin設(shè)定兩個(gè)值時(shí)，指的是設(shè)定左右，上下方向的外邊距

錯(cuò)誤：兩個(gè)值分別應(yīng)用于上下方向和左右方向，而不是左右和上下方向。C．當(dāng)margin設(shè)定4個(gè)值時(shí)，指的是設(shè)定上、下、左、右方向的外邊距

錯(cuò)誤：四個(gè)值分別應(yīng)用于上、右、下、左方向，而不是上、下、左、右。D．當(dāng)margin設(shè)定3個(gè)值時(shí)，指的是設(shè)定上、左右、下方向的外邊距

正確：符合規(guī)則（3）?？偨Y(jié)根據(jù)margin屬性的規(guī)則，正確的描述是：A．當(dāng)margin設(shè)定1個(gè)值時(shí)，指的是設(shè)定四個(gè)方向的外邊距D．當(dāng)margin設(shè)定3個(gè)值時(shí)，指的是設(shè)定上、左右、下方向的外邊距因此，正確答案是A和D。11.[判斷題]rgba()函數(shù)中的最后一個(gè)參數(shù)可以是0到1的值？答案：正確知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.1創(chuàng)作畫像展及圖片邊框/5.1.7CSS3新增盒子模型屬性難度：一般解析：rgba()函數(shù)是用于在CSS或其他前端技術(shù)中指定顏色的函數(shù)，其中rgba代表紅色（Red）、綠色（Green）、藍(lán)色（Blue）和透明度（Alpha）。這四個(gè)參數(shù)共同定義了一個(gè)顏色。前三個(gè)參數(shù)（紅色、綠色、藍(lán)色）的值范圍是0到255，表示顏色的強(qiáng)度。第四個(gè)參數(shù)（透明度）的值范圍是0到1，其中0表示完全透明，1表示完全不透明。因此，題目中的說法rgba()函數(shù)中的最后一個(gè)參數(shù)可以是0到1的值”是正確的。補(bǔ)充：在實(shí)際應(yīng)用中，rgba()函數(shù)的透明度參數(shù)非常實(shí)用，可以用于實(shí)現(xiàn)各種視覺效果，如漸變、遮罩等。同時(shí)，除了rgba()，還有其他類似的顏色函數(shù)，如rgb()（不包含透明度）、hsla()（基于色相、飽和度、亮度和透明度）等。12.[判斷題]在background-size屬性的屬性值中，第一個(gè)值用于設(shè)置寬度，第二個(gè)值用于設(shè)置高度。（）答案：正確知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.2添加創(chuàng)意漸變色與多重圖像背景/5.2.2背景圖像難度：簡單解析：根據(jù)CSS中background-size屬性的規(guī)則，該屬性用于設(shè)置背景圖片的尺寸。當(dāng)使用兩個(gè)值時(shí)，第一個(gè)值用于設(shè)置背景圖片的寬度，第二個(gè)值用于設(shè)置背景圖片的高度。使用length或percentage設(shè)置尺寸：第一個(gè)值設(shè)置寬度，第二個(gè)值設(shè)置高度。如果只設(shè)置一個(gè)值，則第二個(gè)值會(huì)被設(shè)置為"auto"。具體示例：如background-size:100px50px;，該代碼將背景圖片的寬度設(shè)置為100px，高度設(shè)置為50px。因此，題目中的說法“background-size屬性中的第一個(gè)值用于設(shè)置寬度，第二個(gè)值用于設(shè)置高度”是正確的。答案：√補(bǔ)充：單一值設(shè)置：如果只設(shè)置一個(gè)值，如background-size:100px;，則第二個(gè)值默認(rèn)為"auto"，會(huì)保持圖片的原始寬高比例。其他值類型：除了具體的長度和百分比，background-size還可以使用cover和contain等關(guān)鍵字。cover會(huì)縮放圖片以完全覆蓋背景區(qū)域，可能會(huì)裁剪圖片；contain會(huì)縮放圖片以完全顯示在背景區(qū)域中，可能會(huì)有空白區(qū)域。13.[判斷題]在徑向漸變r(jià)adial-gradient（）函數(shù)中必須指定漸變的中心、形狀（圓形或橢圓形）、大小、至少兩種顏色等。（）答案：錯(cuò)誤知識(shí)點(diǎn)：項(xiàng)目五美化傳統(tǒng)文化網(wǎng)/任務(wù)5.2添加創(chuàng)意漸變色與多重圖像背景/5.2.3CSS3新增漸變屬性難度：困難解析：radial-gradient()函數(shù)用于創(chuàng)建徑向漸變效果，即從中心點(diǎn)向外發(fā)散的漸變。然而，關(guān)于其參數(shù)的使用，有一定的靈活性。漸變的中心：可以使用關(guān)鍵字（如center、top、left等）或百分比來指定漸變的中心點(diǎn)，如果不指定，默認(rèn)為中心點(diǎn)。形狀：漸變可以是圓形（circle）或橢圓形（ellipse）。如果不指定，默認(rèn)為橢圓形。大?。嚎梢灾付u變的大小，如具體的長度值大小或使用關(guān)鍵字（如closest-side、farthest-side、closest-corner、farthest-corner等）。如果不指定，默認(rèn)為farthest-corner。顏色定義：徑向漸變至少需要兩種顏色來創(chuàng)建漸變效果，這些顏色會(huì)從漸變的中心向外逐漸過渡。題目分析：題目中說“必須指定漸變的中心、形狀、大小、至少兩種顏色等”，但實(shí)際上，除了至少兩種顏色是必須的之外，中心、形狀和大小都有默認(rèn)值，不是必須指定的。例如，以下是一個(gè)徑向漸變的CSS代碼示例：background:radial-gradient(circleatcenter,#fff0%,#000100%);在這個(gè)示例中：circle指定了漸變的形狀為圓形。atcenter指定了漸變的中心位于元素的中央。#fff和#000是定義的兩種顏色，分別代表白色和黑色。0%和100%指定了顏色在漸變中的位置。因此，題目中的說法“在徑向漸變中必須至少定義兩種顏色，并指定漸變的中心、形狀（圓形或橢圓形）、大小等”是正確的。判斷：根據(jù)上述分析，題目的描述是不完全正確的。補(bǔ)充：徑向漸變（RadialGradient）是一種在CSS中用于創(chuàng)建圓形或橢圓形顏色漸變效果的屬性。要?jiǎng)?chuàng)建一個(gè)徑向漸變，確實(shí)需要定義至少兩種顏色，并可以指定漸變的中心、形狀（圓形或橢圓形）以及大小。這些參數(shù)共同決定了漸變的外觀。在實(shí)際使用中，為了達(dá)到特定的設(shè)計(jì)效果，可能會(huì)指定中心、形狀和大小。但需要注意的是，這些參數(shù)不是強(qiáng)制性的，CSS會(huì)為未指定的參數(shù)提供默認(rèn)值。因此，在創(chuàng)建徑向漸變時(shí)，最重要的是指定至少兩種顏色，以及其他根據(jù)需要調(diào)整的參數(shù)。關(guān)鍵字位置：除了center，還可以使用top、right、bottom、left等關(guān)鍵字來指定漸變的中心位置，或者使用百分比來精確控制位置。大小關(guān)鍵字：closest-si