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

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  應(yīng)聘面試  >  html5面試題  > 2022年高頻前端面試題匯總之CSS篇(二)

2022年高頻前端面試題匯總之CSS篇(二)

來(lái)源:千鋒教育
發(fā)布人:syq
時(shí)間: 2022-07-13 13:33:00 1657690380

  1、css布局,左側(cè)寬度最小150px,最大25 %,右側(cè)自適應(yīng)。怎么實(shí)現(xiàn)?

  - 方法一:1.float+BFC【BFC區(qū)域不會(huì)和設(shè)置浮動(dòng)的區(qū)域重合】

```html

<!--左側(cè)設(shè)置最小寬度150px,最大寬度25%,并設(shè)置浮動(dòng);右側(cè)不設(shè)置寬度,加overdlow:hidden觸發(fā)BFC-->

<style>

    .left{

        min-width: 150px;

        max-width: 25%;

        height: 300px;

        background-color: red;

        float: left;

    }

    .right{

        height: 300px;

        background-color: yellow;

        overflow: hidden;

    }    

</style>

<body>

    <div class="left">

        內(nèi)容

    </div>

    <div class="right"></div>

</body>

```

  - 方法二:彈性盒子

```html

<!--給父元素設(shè)置彈性盒子,然后給左側(cè)設(shè)置最小寬度150px,最大寬度25%;右側(cè)不設(shè)置寬度,加屬性flex:1,讓右側(cè)自適應(yīng)剩下的寬度-->

<style>

    *{

        padding: 0;

        margin: 0;

    }

    body{

        display: flex;

    }

    .left{

        min-width: 150px;

        max-width: 25%;

        height: 300px;

        background: green;

    }

    .right{

        flex: 1;

        height: 300px;

        background: red;

    }

</style>

<body>

    <div class="left"></div>

    <div class="right"></div>

</body>

```

前端面試題

  2、CSS的基本語(yǔ)句構(gòu)成是什么?

  - CSS被稱(chēng)之為:層疊樣式表(Cascading Style Sheets)是對(duì)頁(yè)面結(jié)構(gòu)的一種修飾;

  - CSS的基本語(yǔ)法是:選擇器{屬性:屬性值;屬性:屬性值;屬性:屬性值}

  - CSS基本語(yǔ)法構(gòu)成兩個(gè)部分組成:選擇器和{}樣式規(guī)則(樣式聲明)組成;樣式規(guī)則(樣式聲明)由兩個(gè)部分組成的分別是屬性和屬性值;

  - 使用CSS語(yǔ)法注意事項(xiàng)是:

  - 屬性和屬性值使用(:)鏈接

  - 屬性和屬性值結(jié)束之后需要使用(;)結(jié)束

  - 如果屬性和屬性值是最后一組的話(huà)可以不用分號(hào)結(jié)束;但是建議添加上為了防止后面繼續(xù)添加屬性

  3、css復(fù)用

  - CSS復(fù)用代表的是CSS的重復(fù)使用,主要是為了做到網(wǎng)站開(kāi)發(fā)的優(yōu)化,可以簡(jiǎn)化多重CSS

  - CSS復(fù)習(xí):目的是為了創(chuàng)建一套可以不依賴(lài)內(nèi)容的可重復(fù)使用的類(lèi)名及公共的樣式, 沿著復(fù)用這條思路走下去,久而久之基本可以構(gòu)建一套全新的UI組件庫(kù)而無(wú)需編寫(xiě)過(guò)多新的CSS。

  - 例如:我們?cè)趩挝恢袑?shí)際開(kāi)發(fā)的時(shí)候經(jīng)常使用的公共樣式表,重置樣式表是一樣的道理。

  更多關(guān)于前端培訓(xùn)的問(wèn)題,歡迎咨詢(xún)千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn),采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式,擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù),助力更多學(xué)員實(shí)現(xiàn)高薪夢(mèng)想。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專(zhuān)屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
前端JavaScript面試題——js時(shí)間戳轉(zhuǎn)換時(shí)間的方法

小伙伴們!今天我們要來(lái)聊聊前端JavaScript的一個(gè)面試題,那就是如何把時(shí)間戳轉(zhuǎn)換成普通的時(shí)間格式呢?這個(gè)問(wèn)題可是前端面試中的常客哦!別擔(dān)心,...詳情>>

2023-08-04 08:59:00
Html5面試題之網(wǎng)絡(luò)中使用最多的圖片格式有哪些?

在網(wǎng)絡(luò)中使用最多的圖片格式主要有JPEG、PNG和GIF。下面我將為你詳細(xì)介紹這三種圖片格式。JPEG(JointPhotographicExpertsGroup):JPEG是一種廣...詳情>>

2023-07-19 15:56:35
解釋一下什么是跨域請(qǐng)求?

答案:跨域請(qǐng)求是指在瀏覽器中,通過(guò)JavaScript在一個(gè)域名下發(fā)起對(duì)另一個(gè)域名的請(qǐng)求。由于瀏覽器的同源策略(Same-OriginPolicy)限制,跨域請(qǐng)求...詳情>>

2023-07-18 14:04:00
瀏覽器的同源策略機(jī)制

所以我們可以將請(qǐng)求發(fā)送到自己服務(wù)器,然后自己服務(wù)器去請(qǐng)求目標(biāo)接口資源,最后自己服務(wù)器將接口資源返回給當(dāng)前頁(yè)面,類(lèi)似于找外援代替自己請(qǐng)求...詳情>>

2022-08-23 17:45:21
闡述一下http1.0與http2.0的區(qū)別,及http和https區(qū)別

HTTP2.0和HTTP1.X相比的新特性 - 新的二進(jìn)制格式(Binary Format),HTTP1.x的解析是基于文本,基于文本協(xié)議的格式解析存在天然缺陷,文本的表...詳情>>

2022-08-23 17:45:15
快速通道
主站蜘蛛池模板: 国产麻豆videoxxxx实拍| 黄色www.| igao视频网站| 欧美伦理影院| 天下第一社区视频welcome | 免费床戏全程无遮挡在线观看| 日韩欧美高清在线| 天天夜天干天天爽| 久久久无码精品亚洲日韩按摩| 永久黄网站色视频免费观看| 欧美亚洲国产日韩综合在线播放| 一个人看日本www| 好男人社区神马在线观看www| 免费成人在线电影| 在线观看免费毛片| 日本护士69xxxx免费| 久久久久久久国产精品电影| 久草福利资源在线观看| 久久伊人免费视频| 亚洲精品无码不卡| 日韩精品视频免费在线观看| 黄页免费看| a毛片在线看片免费| 免费人成在线观看视频播放| 精品国产一区二区三区久久| 男人边摸边吃奶边做下面| 女偶像私下的y荡生活| 99热99操99射| 国产免费全部免费观看| 超清高清欧美videos| 欧美交换乱理伦片在线观看 | 哆啦a梦エロ本| 国产综合亚洲专区在线| 8888奇米影视笫四色88me| 538免费视频| 久久精品国产色蜜蜜麻豆| 国产对白受不了了| 欧美另类专区| 19岁rapper潮水第一集| 欧美性生活视频免费| 人人超人人97超人人女|