【未完成】HTML与CSS篇

HTML部分

link和import的区别

  • @import 写在css中,link是个标签
  • link顺序加载,@import最后加载
  • @import加载完后会覆盖到css标签最上方,因此会被link、下面的样式覆盖

    语义化的好处

  • 样式没有加载时页面结构能正确显示
  • 方便浏览器/搜索引擎读取网页结构

    \<!Doctype html>

  • 让浏览器按最新HTML5标准读取网页,不写进入混杂模式
  • 严格模式:W3C标准,混杂模式:老浏览器兼容

    指定浏览器编码

  • 响应头中包含content-type="charset=utf-8"
  • 或者在head标签中加 \

    浏览器元素嵌套

  • 部分block不能包含block
  • 除了a的inline不能包含block
  • 表现形式为上下分出两个

    HTML5重点内容

  • 标签: audio/video canvas header footer
  • 表单控件
  • api: webworker、websocket、localStorage、sessionStorage、Geolocation

CSS部分

盒模型

  • 包括margin\border\padding\content

    BFC