麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  應聘面試  >  html5面試題  > 2022年大廠前端面試題匯總(一)

2022年大廠前端面試題匯總(一)

來源:千鋒教育
發布人:syq
時間: 2022-07-14 14:24:00 1657779840

  1、boder如何實現0.5像素?

  實現方法:CSS3有縮放的屬性,我們可以利用這個屬性,縮小50%的1px的邊框,來實現這個功能代碼如下:

大廠前端面試題

```html

<div class="border3">

    <div class="content">偽類設置的邊框</div>

</div>  

<style>

*{

     margin:0;padding:0

}

.border3{

     position: relative;         

}

.border3:before{

    content: '';

    position: absolute;

    width: 200%;

    height: 200%;

    border: 1px solid red;

    transform-origin: 0 0;

    transform: scale(0.5, 0.5);

    box-sizing: border-box;

 }

</style>

```

  2、css引入的方式有哪些,link和@import的區別是什么?

  - 區別1:link屬于XHTML標簽,而@import完全是CSS提供的一種方式。

  - 區別2:當一個頁面被加載的時候(就是被瀏覽者瀏覽的時候),link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍),網速慢的時候還挺明顯。

  - 區別3:@import是CSS2.1提出的,所以老的瀏覽器不支持,@import只有在IE5以上的才能識別,而link標簽無此問題。

  - 區別4:使用dom(document object model文檔對象模型 )控制樣式時的差別:當使用javascript控制dom去改變樣式的時候,只能使用link標簽,因為@import不是dom可以控制的.

  3、FireFox中標簽的居中問題的解決辦法

```html

<div id="a" style="width:200px;border:1px solid red;text-align:center;">

    <div id="b" style="background-color:blue;width:30px;margin:0 auto"> </div>

</div>

<!--以上面結構為例,在a中設置text-align屬性為center之后,還需要設置b的橫向margin為auto。設置添加b的CSS樣式為:margin: 0 auto;-->

  4、flex:0 1 100px什么意思?flex兩個參數,三個參數什么意思?表示三個參數,flex-grow、flex-shrink、flex-basis分別是啥意思?

  · flex屬性是彈性布局添加給項目(子元素)的屬性,

  o flex屬性是flex-grow(放大)、flex-shrink(縮小)、flex-basis(寬度)的簡寫屬性。

  o flex-grow默認值為0,當值大于0時,當父元素有剩余空間時當前元素放大,父元素沒有剩余空間時,該元素不放大。

  o flex-shrnk默認值為1,父元素有剩余空間時,該元素不縮小,父元素沒有剩余空間時,該元素縮小。

  o flex-basis相當于width屬性。

  · flex:0 1 100px;表示父元素有剩余空間當前元素不放大,父元沒有剩余空間當前元素會縮小。flex有很多中賦值方式,可以寫一個值,兩個值或者三個值。

  o 舉例:1.flex:1 解析為 flex:1 1 0%。2.flex:auto解析為 flex:1 1 auto。3.flex:none解析為flex:0 0auto。4.flex:解析為flex:0 0 auto。4.flex:0 auto解析為flex:0 1 auto。

  更多關于前端培訓的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 黄色三集片| 国产精品久久久久无码av| 亚洲精品无码不卡| 污污的网站在线免费观看| 国产精品免费播放| 好痛太长太深弄死我了视频| 欧美午夜伦y4480私人影院| 欧美日韩在线视频一区| 精品一区二区久久久久久久网站| 九九久久99综合一区二区| 国产精品久久久久久久| 国产大学生一级毛片绿象| 亚洲欧美精品日韩欧美| 伊人丁香狠狠色综合久久| 免费看男阳茎进女阳道动态图| 一级毛片视频在线| 国产精品亚洲成在人线| 国产大尺度吃奶无遮无挡网| 福利久草| 蒂法3d同人全肉动漫在线播放| 小向美奈子中出播放| 亚洲综合久久综合激情久久| 欧美日韩一区二区成人午夜电影| 国产免费一区二区三区在线观看| 波多野结衣最新电影| 国产精品爽爽va在线观看网站| 中文字幕亚洲一区二区三区| 中文字幕一精品亚洲无线一区| 极品丝袜乱系列在线阅读| 动漫美女羞羞漫画| 欧美日韩一区二区在线| 欧美性xxxxx极品娇小| 经典三级完整版电影在线观看| 欧美极品欧美日韩| 天天操天天爱天天干| 午夜视频在线观看国产| 精品国产污污免费网站| 啊v在线观看| 午夜电影院理论片8888琪琪| 蜜桃成熟时3之蜜桃仙子电影| 美女久久久久久久久久久|