這道CSS試題怎么做啊？

直觀地看應(yīng)該選D，

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供羅源網(wǎng)站建設(shè)、羅源做網(wǎng)站、羅源網(wǎng)站設(shè)計(jì)、羅源網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、羅源企業(yè)網(wǎng)站模板建站服務(wù)，10多年羅源做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

稍微解釋一下，border是邊框的寬度，inbox在outbox里面，圖片在inbox里面，所以圖片到最外層外邊緣的距離應(yīng)該先加上這兩個(gè)邊框的寬度：10+20 = 30；

同時(shí)，在inbox里，還有margin，表示頁邊距，也就是說在頁面的每個(gè)邊都留出這么多的空白，因此距離得再加上margin的值10：30+10 = 40；

再有，padding表示的是填充，這里，我們把它默認(rèn)為是內(nèi)填充，也就是可以想象成多填充一次margin，因此也要加上：40+10 = 50。

因此最終答案是50，選D。

但是這道題出的不嚴(yán)密，因?yàn)閷?duì)于不同版本的瀏覽器，對(duì)于padding，border等的定義是不同的，比如有個(gè)叫“box-sizing”的屬性，若定義成“box-sizing: content-box”，和定義成“box-sizing: border-box"時(shí)瀏覽器對(duì)padding和border等的解析不同，而不同的瀏覽器默認(rèn)采取的解析方法不同。

面試題之基礎(chǔ)的html/css面試題，來挑戰(zhàn)嗎

測試候選人的CSS3技能的一個(gè)強(qiáng)大的測試?yán)印＿@個(gè)按鈕具有很多樣式，我們一起來看看：

他們是如何處理多邊框的？在這里，box-shadow可能是最好的辦法。

他們是使用text-transform:uppercase;將文本轉(zhuǎn)換成大寫嗎？這將是最好的。

他們是如何處理星星？偽元素將是一種很好的候選方法。他們是使用了"unicode"還是字體圖標(biāo)？

他們有沒有使用text-shadow做微妙的處理？

他們是怎么把按鈕的主要背景制作出來？使用linear-gradient技巧將會(huì)是一個(gè)好技巧，或者box-shadow。

他們是使用嵌套來實(shí)現(xiàn)的圓角嗎？

我希望我沒有破壞Mobify的招聘過程！但老實(shí)說，我認(rèn)為這些東西是假裝不出來的。你可以做它，討論它，或者你可以不做任何事情。

CSS常見面試題

1.position:absolute+transform:translate(-50%,-50%)

2.position:absolute+margin-top:-100px+margin-left:-100px(需要直到div的寬高)

3.flex

4.絕對(duì)定位的top，left，bottom，right都設(shè)置為0，然后通過margin:auto實(shí)現(xiàn)水平垂直居中

5.display:table-cell;vertical-align:middle;text-align:center

6.calc函數(shù)計(jì)算實(shí)現(xiàn)

1. DOM結(jié)構(gòu) ：元素不會(huì)渲染

2. 事件監(jiān)聽 ：不能監(jiān)聽DOM事件

3. 繼承 ：子元素不會(huì)繼承

4. 性能 ：改變此屬性會(huì)重排，性能較差

1. DOM結(jié)構(gòu) ：元素會(huì)渲染

2. 事件監(jiān)聽 ：能監(jiān)聽DOM事件

3. 繼承 ：子元素會(huì)繼承，可以通過visibility:visible;來取消繼承

4. 性能 ：改變此屬性會(huì)重繪，性能較好

1. DOM結(jié)構(gòu) ：元素會(huì)渲染

2. 事件監(jiān)聽 ：能監(jiān)聽DOM事件

3. 繼承 ：子元素會(huì)繼承，而且不能通過opcity：1;來取消隱藏

4. 性能 ：改變此屬性會(huì)重繪，性能較好

window.divicePixelRatio=2(默認(rèn))

意思是：我們css中1px相當(dāng)于實(shí)際移動(dòng)端設(shè)備2px

1.border-width:0.5px

2.box-shadow內(nèi)陰影模擬邊框，

box-shadow:inset 0px -1px 1px 1px red;

3.通過viewport設(shè)置rem的基準(zhǔn)值，就可以直接寫rem了，較好的解決方案

4.偽類+transform

通過:after或:before設(shè)置border，結(jié)合定位

兩側(cè)寬度固定，中間寬度自適應(yīng)

所以我們要盡量少使用以上屬性和方法

這道CSS試題怎么做？

這道題目選擇B，因?yàn)椋?/p>

css的外部樣式表就是以xxx.css這樣形式存在的，后綴就是.css。

style/style這是頁面內(nèi)的樣式表寫法，是嵌套的頁面內(nèi)的，外部css文件是不需要的。

css這東西你也明白，外國人搞的，中文當(dāng)然是不支持啦。

使用外部樣式表確實(shí)能使頁面更簡潔的。

希望能幫到你

網(wǎng)站欄目：css樣式試題,下列關(guān)于css樣式的說法正確的是
網(wǎng)站路徑：http://chinadenli.net/article45/dsgddhi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、云服務(wù)器、Google、定制開發(fā)、定制網(wǎng)站、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)