久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

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

手機站
千鋒教育

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

千鋒教育

掃一掃進入千鋒手機站

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

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

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

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

來源:千鋒教育
發(fā)布人:syq
時間: 2022-07-13 11:54:00 1657684440

  1、css 選擇器有哪些,權(quán)重是什么樣的?

  選擇器含義:選擇器是查找頁面元素的一種方式方法,選擇器的種類有很多種。

前端面試題

  常用的選擇器有以下內(nèi)容:

  1、ID  #id

  2、class  .class

  3、標(biāo)簽  p

  4、通用  *

  5、屬性  type="text"

  6、偽類  :link :visited :hover :active

  7、偽元素  ::first-line :first-letter

  8、子選擇器 div>p

  9、后代選擇器 div p

  10、相鄰兄弟 div+p

  11、通用兄弟 div~p

  12、結(jié)構(gòu)偽類 :nth-child :first-child :last-child

  權(quán)重計算規(guī)則:

  1、第一等:代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。

  2、第二等:代表ID選擇器,如:#content,權(quán)值為0100。

  3、第三等:代表類,偽類和屬性選擇器,如.content,權(quán)值為0010。

  4、第四等:代表類型選擇器和偽元素選擇器,如div p,權(quán)值為0001。

  5、通配符、*權(quán)值為0000。

  6、繼承的樣式?jīng)]有權(quán)重值。

  important > 內(nèi)聯(lián) > ID > 類| 偽類 | 屬性選擇|偽對象 > 標(biāo)簽 > 繼承 > 通配符

  2、css:一個容器(頁面),里面有兩個div左右擺放并且高度和容器高度一致,左div不會隨著頁面左右伸縮而變化,右div隨頁面左右伸縮寬度自適應(yīng)(手寫)

```html

<div class="container">

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

    <div class="right">北京千鋒互聯(lián)科技有限公司(下面簡稱“千鋒教育”),成立于2011年1月,立足于職業(yè)教育培訓(xùn)領(lǐng)域,公司現(xiàn)有教育培訓(xùn)、高校服務(wù)、企業(yè)服務(wù)三大業(yè)務(wù)板塊。教育培訓(xùn)業(yè)務(wù)分為大學(xué)生技能培訓(xùn)和職后技能培訓(xùn);高校服務(wù)業(yè)務(wù)主要提供校企合作全解決方案與定制服務(wù);企...</div>

</div>

<style>

    *{

        margin: 0;

        padding: 0;

    }

    .container{

        max-width: 1000px;

        height: 500px;

        background-color: yellow;

        margin: 20px auto;

        display: flex;

    }

    .container .left{

        width: 300px;

        background-color: orange;

    }

    .container .right{

        flex: 1;

        background-color: red;

    }

</style>

``` 

  更多關(guān)于“前端培訓(xùn)”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費領(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時間戳轉(zhuǎn)換時間的方法

小伙伴們!今天我們要來聊聊前端JavaScript的一個面試題,那就是如何把時間戳轉(zhuǎ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
解釋一下什么是跨域請求?

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

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

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

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

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

2022-08-23 17:45:15
快速通道