Skip to main content

2 posts tagged with "浙江大华"

View All Tags

CSS3 相比于 CSS2 多了哪些属性?

详情请见:CSS Backgrounds and Borders Module Level 3 (csswg.org)

下面只列入部分常见以及常用属性:

  • 布局(flex 弹性布局、Grid 网格布局)
  • 背景(backgroundbackground-imagebackground-repeatbackground-originbackground-clip等)
  • 边框(border-imageborder-radius 等)
  • 颜色(可以用 RGBAHSL 两种颜色指定方法,也可也使用渐变指定)
  • 渐变(渐变 linear-gradient、径向渐变 radial-gradient
  • 过渡(transition
  • 形变、变换(transform
  • 动画(animation
  • 媒体查询(@media@import,这个属性是响应式设计的关键部分)
  • 文字(个性化字体 @font-face、文字装饰 text-stroke-color 、文字溢出 text-overflow

HTTP 里面的缓存机制

两种缓存方式,根据响应的 header 内容来决定

  • 强缓存(状态码:200):浏览器不向服务器发送任何请求,直接从本地缓存中读取文件并返回(相关字段:Cache-ControlExpires

  • 协商缓存(状态码:304):浏览器发送请求到服务器,通过服务器来告知缓存是否可用(相关字段:Last-Modified/If-Modified-SinceEtag/If-None-Match

缓存相关 header

Cache-ControlExpiresLast-Modified/If-Modified-SinceEtag/If-None-Match

img

详情请见:彻底理解浏览器的缓存机制