談?wù)刦lex布局，你知道flex:110嗎

　　- flex布局：彈性盒布局(形成彈性盒后可以控制子元素在父級(jí)元素中排列位置)

　　- flex：1 1 0 是由 flex-grow:1 flex-shrink:1 flex-basis:0復(fù)合而成 也可以簡(jiǎn)寫為flex：1

　　表示占據(jù)主軸上剩下的空間 當(dāng)子級(jí)內(nèi)容超出的時(shí)候會(huì)將當(dāng)前區(qū)域撐大

　　- flex-grow默認(rèn)值為0，當(dāng)值大于0時(shí)，當(dāng)父元素有剩余空間時(shí)當(dāng)前元素放大，父元素沒(méi)有剩余空間時(shí)，該元素不放大。

　　- flex-shrnk默認(rèn)值為1，父元素有剩余空間時(shí)，該元素不縮小，父元素沒(méi)有剩余空間時(shí)，該元素縮小。

　　- **flex-basis**相當(dāng)于width屬性。

　　談一下怎么實(shí)現(xiàn)一個(gè)橢圓,使用css

　　· 使用border-radius屬性 屬性值可以設(shè)置一個(gè)/兩個(gè)/三個(gè)/四個(gè)/八個(gè) 以下是兩種方法實(shí)現(xiàn)橢圓

　　o 第一種: width: 250px; height: 150px;background: #FFD900;border-radius: 50%

　　o 第二種: width: 250px; height: 150px;background: #FFD900;border-radius: 50% / 100% 100% 0 0;

　　脫離布局流有幾種方法?

　　- 常見(jiàn)的有浮動(dòng)和定位

　　- 第一種:浮動(dòng)布局(float)浮動(dòng)一般用于讓塊級(jí)元素排成一行在同一行顯示任何元素都可浮動(dòng)，如一個(gè)元素設(shè)置為浮動(dòng)元素，浮動(dòng)元素?zé)o論最初是什么都會(huì)變成一個(gè)行塊級(jí)元素，擁有disolay：inline-block屬性

　　- 第二種:定位布局(position) 定位中的absolute絕對(duì)定位可以讓元素脫離文檔流的 如果父級(jí)有定位屬性就相對(duì)于父級(jí)定位 如果父級(jí)沒(méi)有就會(huì)一直往上級(jí)查找直至瀏覽器

　　- 脫離文檔流布局的缺點(diǎn)初始位置不存在就會(huì)破壞網(wǎng)頁(yè)布局

　　偽類偽元素區(qū)別

　　· 相同點(diǎn)：都是屬于選擇器中的一種，能實(shí)現(xiàn)對(duì)于頁(yè)面元素的修飾

　　· 不同點(diǎn)：

　　o 1、概念不同：偽類：用于已有元素處于某種狀態(tài)時(shí)為其添加對(duì)應(yīng)的樣式，這個(gè)狀態(tài)是根據(jù)用戶行為而動(dòng)態(tài)變化的;例如鼠標(biāo)的懸停效果;偽元素：用于創(chuàng)建一些不在DOM樹中的元素，并為其添加樣式;例如：先前向后插入元素內(nèi)容等等

　　o 2、使用方法不同：css3規(guī)范中要求使用雙冒號(hào)(::)表示偽元素，以此來(lái)區(qū)分偽類和偽元素，比如::before和::after等偽元素使用雙冒號(hào)(::)，:hover和:active偽類使用單冒號(hào)(:)目前來(lái)看有一部分瀏覽器為了達(dá)到一個(gè)更好的兼容性的問(wèn)題，我們的雙冒號(hào)也可以寫成單冒號(hào);但是在一些低版本瀏覽器里面有些時(shí)候還是需要使用雙冒號(hào)的

　　為什么無(wú)法定義1px左右高度的容器

　　高版本瀏覽器里面是能夠定義1px的高度的容器的 但是由于瀏覽器的版本和瀏覽器的內(nèi)核不一樣導(dǎo)致低版本瀏覽器中的兼容性不一樣 在低版本 IE6瀏覽器下面,容易出現(xiàn)這個(gè)問(wèn)題,產(chǎn)生問(wèn)題的原因是因?yàn)槟J(rèn)的行高造成的, 解決的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

　　更多關(guān)于html5培訓(xùn)的問(wèn)題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問(wèn)，獲取試聽(tīng)資格來(lái)試聽(tīng)我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。