CSS常見面試題

2021-10-04 06:41:54 字數 1940 閱讀 9139

1. 盒子模型有幾種型別,區別是什麼

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

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

2. box-sizing屬性:

①content-box:內容的寬度是content

②border-box:內容的寬度是content+padding+border

3. css的選擇器

css的選擇符:id選擇器、類選擇器、標籤選擇器、相鄰選擇器(h1+p)、子選擇器(h1+p)、後代選擇器

(li a)、萬用字元選擇器(*)、屬性選擇器(a[rel="external"])、偽類選擇器(a:hover)

可繼承的樣式:font-size、font-family、color

不可繼承的樣式:border、padding、margin、width、height

選擇器的優先順序:!import>行內樣式》id選擇器》類選擇器》標籤選擇器》萬用字元選擇器》繼承選擇器》瀏覽器預設屬性

4. 優先順序的計算

元素選擇符:1

class選擇符:10

id選擇符:100

元素標籤:1000

css優先順序的法則:

5. css3新增偽類

p:first-of-type 選擇屬於其父元素的首個元素

p:last-of-type 選擇屬於其父元素的最後元素

p:only-of-type 選擇屬於其父元素唯一的元素

p:only-child 選擇屬於其父元素的唯一子元素

p:nth-child(2) 選擇屬於其父元素的第二個子元素

:enabled :disabled 表單控制項的禁用狀態。

:checked 單選框或核取方塊被選中。

6. display有那些屬性值

inline(預設)–內聯

none–隱藏

block–塊顯示

table–**顯示

list-item–專案列表

inline-block

7. position的值?

static(預設):按照正常文件流進行排列;

relative(相對定位):不脫離文件流,參考自身靜態位置通過 top, bottom, left, right 定位;

absolute(絕對定位):參考距其最近乙個不為static的父級元素通過top, bottom, left, right 定位;

fixed(固定定位):所固定的參照對像是可視視窗。

8. css3有哪些新特性?

rgba和透明度

background-image background-origin(content-box/padding-box/border-box) background-size background-repeat

word-wrap(對長的不可分割單詞換行)word-wrap:break-word

文字陰影:text-shadow: 5px 5px 5px #ff0000;(水平陰影,垂直陰影,模糊距離,陰影顏色)

font-face屬性:定義自己的字型

圓角(邊框半徑):border-radius 屬性用於建立圓角

邊框:border-image: url(border.png) 30 30 round

盒陰影:box-shadow: 10px 10px 5px #888888

**查詢:定義兩套css,當瀏覽器的尺寸變化時會採用不同的屬性

9.使用純css實現三角形

.box
10.display:none與visibility:hidden的區別?

display:none 不顯示對應的元素,在文件布局中不再分配空間(回流+重繪)

visibility:hidden 隱藏對應元素,在文件布局中仍保留原來的空間(重繪)

常見面試題

1.get和post的區別 1 本質區別 get是向伺服器請求資料,post是向伺服器傳送資料。2 伺服器獲取值的方式 get方式提交的資料,伺服器端使用request.querystring獲取變數的值。post方式提交的資料,伺服器端使用request.form獲取資料。3 安全性 get安全效...

常見面試題

1 一行 實現1 100之和 lst i for i in range 1,101 print sum lst 2 如何在乙個函式內部修改全域性變數?在函式內部新增 global 變數名 這樣就可以在本地作用域定義全域性作用域了 name 大明 def eat name1 global name n...

常見面試題

dns解析 發起tcp三次握手,並建立tcp連線 發起http請求 伺服器相應http請求並得到html 伺服器解析html 並對頁面進行渲染然後返回給使用者 首先先進行ioc容器的初始化 ioc 容器的初始化過程分為三步驟 resource 定位 beandefinition 的載入和解析,bea...