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...