CSS經典面試題

2021-08-17 07:46:53 字數 891 閱讀 5176

1、標準盒模型和低版本ie盒模型(怪異模式)有什麼區別?

標準盒模型:內容的寬度(content)+border+padding+margin;

ie低版本盒模型:內容的寬度(content+border+padding)+margin;

最主要的區別在於盒模型的寬度;

box-sizing屬性是用來控制元素的盒子模型的解析模式,預設為content-box

content-box:w3c標準盒子模型,設定元素的height/width屬性指的是content部分的高寬

border-box:ie傳統盒子模型,設定元素的height/width屬性指的是border+padding+content部分的高寬

2、利用css3屬性寫出乙個三角形

div<2>chorme瀏覽器中文介面下缺省會將小於12px的文字強制按照12px顯示,可通過加入css屬性-webkit-text-size-adjust:none;

11、為什麼會出現浮動和什麼時候需要清除浮動?清除浮動的方式?

由於浮動元素不在文件流中,所以文件流的塊框表現得就像浮動框不存在一樣。浮動元素會漂浮在文件流的塊框上。

浮動帶來的問題:

<1>父元素的高度無法被撐開

<2>與浮動元素同級的非浮動元素(內聯元素)會跟隨其後

<3>若非第乙個元素浮動,則該元素之前的元素也需要浮動,否則會影響頁面顯示的結構。

清除浮動的方式:

<1> 父級div定義高度

<2> 最後乙個浮動元素後加空div標籤,並新增樣式clear:both

<3> 包含浮動元素的父標籤新增樣式overflow為hidden和auto

<4> 父級定義zoom

經典面試題

1.以下三條輸出語句分別輸出什麼?char str1 abc char str2 abc const char str3 abc const char str4 abc const char str5 abc const char str6 abc cout boolalpha str1 str2 ...

經典面試題

我的老同學現在富得流油。他開創了乙個軟體公司,開發了一系列軟體,生意越做越大。今天他來到這個城市後馬上打 給我。是我啊!聽出來了嗎?是這樣的,我到這兒的大學招畢業生,要在這兒呆上五天,咱哥們趁這個時間好好聚一聚。我做東!既然他要做東,我理所當然順水推舟。人家是老闆,不吃白不吃!我來到他下榻的賓館,看...

經典面試題

分兩個情況 perfork模式 worker模式 前者程序模式 後者執行緒模式 故檢視方法也有區別 oldboy.log 參考 分析 此類問題是運維工作中最常見的問題。可以演變成分析日誌,檢視tcp各個狀態連線數,檢視單ip連線數排名等等 第一類 過濾網域名稱方法 方法很多 這裡給出六種為例。還可以...