国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端面試常考知識(shí)點(diǎn)---CSS

騫諱護(hù) / 2601人閱讀

摘要：在布局規(guī)則中提到計(jì)算的高度時(shí)，浮動(dòng)元素也參與計(jì)算。因此，父元素在計(jì)算其高度時(shí)，加入了浮動(dòng)元素的高度，順便達(dá)成了清除浮動(dòng)的目標(biāo)，所以父元素就包裹住了子元素。

前端面試常考知識(shí)點(diǎn)---js

1.CSS3的新特性有哪些

點(diǎn)我查看

CSS3選擇器 .

CSS3邊框與圓角

CSS3圓角border-radius:
屬性值由兩個(gè)參數(shù)值構(gòu)成: value1 / value2，值之間用/分隔，value1代表圓角的水平半徑，value2代表圓角的垂直半徑
盒陰影box-shadow:
語(yǔ)法：box-shadow: 水平方向的偏移量 垂直方向的偏移量 模糊程度 擴(kuò)展程度 顏色 是否具有內(nèi)陰影

CSS3背景與漸變

重要的幾個(gè)：
background-image


語(yǔ)法：backgroundimage:url("1.jpg),url("2.jpg")


background-origin


定義：設(shè)置背景圖像的原始起始位置
語(yǔ)法：background-origin：border-box / padding-box / content-box(背景圖片坐標(biāo)原點(diǎn)與這三個(gè)有關(guān)系)


background-repeat


定義：設(shè)置是否及如何重復(fù)背景圖像，默認(rèn)地，背景圖像在水平和垂直方向上重復(fù)。


background-size


定義：指定背景圖像的大小 
語(yǔ)法：background-size：number / % / cover / contain

太多了，本寶寶休息一下再寫

CSS3過(guò)渡

CSS3變換

CSS3動(dòng)畫

2.flex

這篇講的很全
簡(jiǎn)單易懂
一方面是在父容器的幾個(gè)屬性，另一些就是子元素的屬性

父：                                                                                  
    * flex-direction                                 子元素排列方向
    * flex-wrap                                        如果一條軸線排不下，如何換行
    * flex-flow                                         flex-direction屬性和flex-wrap屬性的簡(jiǎn)寫形式
    * justify-content                               在主軸上的對(duì)齊方式
    * align-items                                     在交叉軸上如何對(duì)齊
    * align-content                                 多根軸線的對(duì)齊方式
子：
    * order
    * flex-grow
    * flex-shrink
    * flex-basis
    * flex
    * align-self
3.BFC

盒模型和BFC

內(nèi)部的box會(huì)在垂直方向，一個(gè)接一個(gè)的放置

每個(gè)元素的margin box的左邊，與包含塊border box的左邊相接觸（對(duì)于從做往右的格式化，否則相反）

box垂直方向的距離由margin決定，屬于同一個(gè)bfc的兩個(gè)相鄰box的margin會(huì)發(fā)生重疊

bfc的區(qū)域不會(huì)與浮動(dòng)區(qū)域的box重疊

bfc是一個(gè)頁(yè)面上的獨(dú)立的容器，外面的元素不會(huì)影響bfc里的元素，反過(guò)來(lái)，里面的也不會(huì)影響外面的

計(jì)算bfc高度的時(shí)候，浮動(dòng)元素也會(huì)參與計(jì)算

怎么創(chuàng)建bfc

float屬性不為none（脫離文檔流）

position為absolute或fixed

display為inline-block,table-cell,table-caption,flex,inine-flex

overflow不為visible

根元素

應(yīng)用場(chǎng)景

自適應(yīng)兩欄布局

清除內(nèi)部浮動(dòng)

防止垂直margin重疊

為什么overflow:hidden可以消除margin合并？


我們首先要搞清楚為什么會(huì)發(fā)生margin合并。這些元素（包括兄弟、父子元素等）之間之所以會(huì)發(fā)生margin合并，是因?yàn)樗鼈儗儆谕粋€(gè)BFC。所以，我們就知道怎么辦了，只要讓它們不屬于同一個(gè)BFC不就可以了？通過(guò)overflow:hidden創(chuàng)建了一個(gè)BFC


為什么overflow:hidden可以清除浮動(dòng)的影響？


當(dāng)給.parent設(shè)置"overflow:hidden"時(shí)，實(shí)際上創(chuàng)建了一個(gè)超級(jí)屬性BFC，此超級(jí)屬性反過(guò)來(lái)決定了"height:auto"是如何計(jì)算的。在“BFC布局規(guī)則”中提到：計(jì)算BFC的高度時(shí)，浮動(dòng)元素也參與計(jì)算。因此，父元素在計(jì)算其高度時(shí)，加入了浮動(dòng)元素的高度，“順便”達(dá)成了清除浮動(dòng)的目標(biāo)，所以父元素就包裹住了子元素。

為什么overflow:hidden...

link、import、require的區(qū)別
import和require

require是運(yùn)行時(shí)調(diào)用，所以require理論上可以運(yùn)用在代碼的任何地方
import是編譯時(shí)調(diào)用，所以必須放在文件開頭

link和import

當(dāng)一個(gè)頁(yè)面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候），link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面全部被下載完再加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)會(huì)沒有樣式（就是閃爍），網(wǎng)速慢的時(shí)候還挺明顯。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/114364.html

相關(guān)文章

  • 前端事件綁定知識(shí)點(diǎn)（面試?？?/em>）

    摘要：事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時(shí)函數(shù)才會(huì)執(zhí)行。的事件流是事件捕獲流，事件由根元素獲取并沿樹向下分發(fā)。通過(guò)添加事件，只能用刪除此事件。這主要得益于瀏覽器的事件冒泡機(jī)制。 簡(jiǎn)介 事件是可以被 JavaScript 偵測(cè)到的行為。 網(wǎng)頁(yè)中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。 事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時(shí)函數(shù)才會(huì)執(zhí)行。 執(zhí)行JS 事件的方式： ...

    liujs 評(píng)論0 收藏0

  • 前端事件綁定知識(shí)點(diǎn)（面試?？?/em>）

    摘要：事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時(shí)函數(shù)才會(huì)執(zhí)行。的事件流是事件捕獲流，事件由根元素獲取并沿樹向下分發(fā)。通過(guò)添加事件，只能用刪除此事件。這主要得益于瀏覽器的事件冒泡機(jī)制。 簡(jiǎn)介 事件是可以被 JavaScript 偵測(cè)到的行為。 網(wǎng)頁(yè)中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)或程序的事件。 事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時(shí)函數(shù)才會(huì)執(zhí)行。 執(zhí)行JS 事件的方式： ...

    wizChen 評(píng)論0 收藏0

  • 前端面試?？?/em>知識(shí)點(diǎn)---js

    摘要：上面實(shí)現(xiàn)了遞歸調(diào)用，這樣做的好處是在前一個(gè)定時(shí)器代碼執(zhí)行完成之前，不會(huì)向隊(duì)列插入新的定時(shí)代碼，確保不會(huì)有任何的缺失間隔。而且，它保證在下一次定時(shí)器代碼執(zhí)行之前，至少要等待指定的時(shí)間間隔。 1.同步和異步 詳細(xì)～文章總結(jié)： setTimeout(fn,ms)這個(gè)函數(shù)，是經(jīng)過(guò)指定時(shí)間后，把要執(zhí)行的任務(wù)加入到Event Queue中，又因?yàn)槭菃尉€程任務(wù)要一個(gè)一個(gè)執(zhí)行，如果前面的任務(wù)需要的時(shí)間...

    BingqiChen 評(píng)論0 收藏0

  • 前端秋招面試總結(jié)

    摘要：前言秋招宣告結(jié)束，面試了接近家公司，有幸拿到，感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好，不然面試官叫你說(shuō)遇到的難點(diǎn)，或者直接問問題時(shí)可能會(huì)懵逼。 前言 秋招宣告結(jié)束，面試了接近20家公司，有幸拿到offer，感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷，相信不亞于當(dāng)年的高考吧，也許現(xiàn)在想起來(lái)高考不算什么，也許只有經(jīng)歷過(guò)秋招的人才懂得找工作的艱辛...

    Gu_Yan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<