1、border-sizng你用過嗎?它的屬性值分別有哪些?他們的作用是什麼?標準w3c下的盒模型和ie下的盒模型有什麼區別?
(1)box-sizing: content-box|border-box|inherit;
border-sizing有三個屬性值,它們分別是content-box,border-box以及inherit。
(2)其中content-box的作用是使得頁面上擁有此屬性值的dom元素按照ie下的盒模型繪製此區域的頁面,它的內邊距、邊框和外邊距將融為一體,即整個元素的寬度只包括兩部分:即content和margin,不再存在padding和border;border-box的作用時使得頁面上擁有此屬性值的dom元素按照標準w3c下的盒模型繪製次區域的頁面,即整個元素的寬度由內到外包括四部分:content,padding,border,margin;inherit屬性值的作用是擁有此屬性值的dom元素按照父級元素的 繪製方式繪製頁面,如果父級元素的屬性值為content-box,那麼它繼承這個屬性。
(3)區別:標準w3c的盒模型是目前最為流行的盒模型,組成=content+margin+border+padding,而ie下的盒模型又稱怪異盒模型,組成=content+margin。
2、網頁是如何在客戶端渲染?
css樣式 部分
css3 部分樣式 邊框 border radius 圓角邊框,可以寫絕對值,也可以寫百分比 可以讓不同的方向進行改變 box shadow 陰影,從左往右,分別為水平偏移方向,垂直偏移方向,模糊半徑 陰影大小 擴充套件半徑 變大 最後乙個是陰影顏色 box shadow 0 0 0 0 color...
css樣式整理部分part1
此篇為了整理自己在調整css樣式中遇到過的問題 1.內容過長時,使用省略號代替 overflow hidden text overflow ellipsis white space nowrap 2.滾動條的粗細 includes lists webkit scrollbar lists webki...
CSS部分語法1
doctype html html head meta charset utf 8 title demo3 title style 1 繼承性 父元素樣式可以被子元素繼承,一般只能繼承顏色和字型 body 2 層疊性 給乙個元素設定不同宣告,效果會疊加 h2 此處省略無數行宣告,寫著寫著忘了加乙個申...