基于赫尔辛基大学《深入浅出现代Web编程》的web笔记

发表于 分类于 阅读次数： 本文字数： 310 阅读时长 ≈ 1 分钟

基础知识

html

浏览器在获取到http文档后，根据所需要的资源依次发送请求
响应头Response headers告诉我们，例如，响应的字节大小，以及响应的确切时间
文档对象模型Document Object Model，或DOM，是一个应用编程接口(API)，它能够对与网页相对应的元素树进行程序化修改
一个HTML文档的DOM树的最顶端节点被称为document对象。我们可以使用DOM-API在网页上执行各种操作。你可以通过在控制台标签中输入document来访问document对象
利用js在控制台更改页面元素的内容是非持久的，重新加载依旧是原有页面

css

CSS属性可以在控制台的_elements_标签中检查
形如：

1
2
3
4
5
6
7
8
.container {
  padding: 10px;
  border: 1px solid;
}

.notes {
  color: blue;
}

的css样式称为class selectors类选择器；一个类选择器的定义总是以句号开始，并包含类的名称。代码块中的这两个选择器用于选择页面的某些部分，并对它们定义样式规则，来装饰它们
这些类是属性，它可以被添加到HTML元素中