web前端课程

web历史

html——页面内容
css——样式
js——使得可交互、动画等
http/https为协议
Ajex是前端与服务器相连接的中介
IP地址=域名、网址->服务器（DNS解析）
响应状态码２００代表正常

---

h1表示一级标题
ul是无序标签 ol为有序

cursor定义了鼠标放上去给出的展示
src指获取

---

HTML

W3CHTML教程
当页面被加载后HTML中的head部分是不会被显示在web浏览器中的。它包含了许多信息，例如网页的标题<title>，指向CSS的链接（如果你想用CSS来设计HTML内容的样式），指向自定义网站图标的链接和一些元数据（关于HTML本身的数据，例如它的作者和描述这个文档的关键字）。

无序列表去前面的.用list-style-type
伪类 ——:hover是当鼠标放到上面的时候应用样式 还有after和beforeHTML：::before和::after伪元素的用法
钩选性别互斥用属性，name：""

插入图像后一定要做的事情
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

• 在边框中要是用加粗边框中间是空的需要display:inline-block+border+height+width
• 边框中要是需要纯色方块用display:inline-block+border，要是需要用小三角型还需对border的各个边给颜色

块级和内联

• 块级元素在页面中以块的形式展现 —— 相对于其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容，例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。
• 内联元素通常出现在块级元素中并环绕文档内容的一小部分，而不是一整个段落或者一组内容。内联元素不会导致文本换行：它通常出现在一堆文字之间例如超链接元素或者强调元素<em>和 <strong>。
  <em>是一个内联元素
  
  <div>块级标签可以修改和<span>是内联标签，宽高不可修改

要是需要修改 用display：inline-block

---

CSS

board-radius是圆角矩形 <input / >是输入内容 无<input >
层叠优先级设置是z-index
text-align：center让文本在标签内居中（水平）
line-height：XXPX让文本标签内垂直居中
css重点3：关于float的使用
overflow:hidden 溢出隐藏、解决外边距塌陷、清除浮动

• overflow:auto 用在后台管理中，不管背景设置多少，保证内容超不出，可以滚动
  
  CSS3弹性盒布局方式
  CSS 常见布局方式
  
  

---

JS

输出

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

方法

• document.getElementById(“some id”)
• element.src.match(“bulbon”) 的作用意思是： 检索src 属性的值有没有包含 bulbon 这个字符串，如果存在字符串 bulbon，图片 src 更新为 bulboff.gif，若匹配不到 bulbon 字符串，src 则更新为 bulbon.gif
• typeof()看类型
• ==会转换类型
• alert是弹出框
• 变量规则和python相同 有var和无var的区别
• ==只比较值，与类型无关，三=包括比较类型
• 针对数组join功能与python位置相反，但是类似
• eval是执行代码

对象键值对的写法类似于：

PHP 中的关联数组
Python 中的字典
C 语言中的哈希表
Java 中的哈希映射
Ruby 和 Perl 中的哈希表

• 如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。非严格模式下给未声明变量赋值创建的全局变量，是全局对象的可配置属性，可以删除。在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。
• HTMLCollection 是 HTML 元素的集合。NodeList 是一个文档节点的集合。

---