The Future Depends on You
首页/HTML&CSS/html&css面试题记录/
html&css面试题记录
上次更新时间:2021-5-26 文章分类:HTML&CSS 阅读人数:2

块级元素和行内元素

块级元素

div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、header、section、aside、footer、pre

行内元素

span、a、img、input、textarea、select、strong、lable、button、em、cite、i、q、small、big、sub、big、sub、sup、u

区别

块级元素:总是在新行上开始;width、height、margin和padding都可控制;width缺省时它的width的100%;可以容纳行内元素和其他块元素
行内元素:和其他元素都在一行上;width、height、margin-top、margin-bottom不可改变;行内元素只能容纳文本或者其他行内元素

css 单位

绝对长度

绝对长度单位是固定的,用任何一个绝对长度表示的长度都将恰好显示为这个尺寸
绝对长度分类:

  1. cm:厘米
  2. mm:毫米
  3. in:英寸(1in = 96px = 2.54cm)
  4. px:像素(1px = 1/96th of 1in)
  5. pt:点(1pt = 1/72 of 1in)
  6. pc:派卡(1pc = 12pt)

相对长度

相对长度单位规定相对于另一个长度属性的长度。相对长度单位在不同渲染介质之间缩放表现得更好

  1. em:相对于元素的字体大小(font-size)(2em 表示当前字体大小的 2 倍)
  2. ex:相对于当前字体的 x-height(极少使用)
  3. ch:相对于 "0"(零)的宽度
  4. rem:相对于根元素的字体大小(font-size)
  5. vw:相对于视口*宽度的 1%
  6. vh:相对于视口*高度的 1%
  7. vmin:相对于视口*较小尺寸的 1%
  8. vmax:相对于视口*较大尺寸的 1%
  9. %:相对于父元素

bfc、icf、gfc、ffc

flex画九宫格

css动画卡顿处理

css开启硬件加速