20180821面試題 1 CSS盒子模型

2021-08-25 08:59:25 字數 527 閱讀 8197

css盒子模型

乙個盒子中主要的屬性就5個:width、height、padding、border、margin。如下:

width和height:內容的寬度、高度(不是盒子的寬度、高度)。

padding:內邊距。

border:邊框。

margin:外邊距。

todo

經典盒子模型

css3中幾個新增加的盒模型屬性使用教程

box-flex主要讓子容器針對父容器的寬度按一定規則進行劃分

深入理解 css3 彈性盒布局模型

如果想要切換盒模型也很簡單,這裡需要借助css3的box-sizing屬性

box-sizing: content-box 是w3c盒子模型 (width指content部分的寬度)

box-sizing: border-box 是ie盒子模型 (width表示content+padding+border這三個部分的寬度)

box-sizing的預設屬性是content-box

全網前端面試題彙總(1)CSS

1.css3新特性 1 border radius 圓角 box shadow 陰影 text shadow 文字陰影特效 2 background linear gradient 線性漸變 radial gradient 徑向漸變 background多背景 size orgin等 3 trans...

前端面試1 CSS布局

複製 float 不可用 absolute 不可用 flex 可用 table 可用 grid 不可用 與左右固定,中自適應的三欄布局 複製 做法 把要居中的元素的margin left和margin right都設為auto 場景 只能進行水平的居中,且對浮動元素或絕對定位元素無效。場景 只能對,...

前端面試題 css相關面試題

css 選擇器中,元素選擇器和類選擇器的區別是什麼?元素選擇器是最常見的 css 選擇器,即,文件的元素就是最基本的選擇器。選擇器通常是某個 html 元素,比如 等,甚至可以是 元素本身。類選擇器用於將樣式規則與附帶 class 屬性的元素匹配,其中該 class 屬性的值為類選擇器中指定的值。使...