校内实训第一天学习笔记
关于html方面的课堂笔记
html 超文本标记语言
新建一个文件夹，直接把文件拉入到Sublime Text 3
在Sublime里面右键新建文件
给文件命名，带后缀，保存
在创建的新html文件中，按tab补齐代码
开标签+闭标签 要符合开闭原则
span标签是一个没有任何样式的段落标签
包裹文本加入style
pre是一个有带格式的p标签 保留标签内的文本格式（缩进，换行，用来展示代码）
div块级元素，默认占一行 可设置宽高
img行内块元素 不占行 可设置宽高
iframe是一个框架元素，用来显示其他内容
label 本身不会有任何的视觉效果，但是优化了鼠标用户的用户体验
select 下拉列表
option
fieldset半包围边框
关于css方面的课堂笔记
css样式分为
内联样式 写到元素内部的
这是一个div
内部样式 写到head里面的style标签
外部样式 独立的css文件
margin 外边距
margin:0 auto;左右居中
margin:0; 上下左右全部为0
margin:10px 20px;
上下为10，左右为20
margin:10px 20px 30px
上为10 左右为20 下为30
margin:10px 20px 30px 40px
上 右 下 左
padding 内边距
/*圆角属性*/
border-radius: 200px;
浮动属性（左浮，右浮）脱离文档流
float: left;
/*相对定位*/
position: relative;
left:相对于原先的静态位置的left走，偏移了多少距离
right
top
bottom
absolute 绝对定位
relative 相对定位
fixed 固定定位 固定在浏览器的某个位置
text-align center 字体左右居中
line-height 字体上下位置
typeof null； object
css选择器有5种
.class类名选择器
#id id选择器
tagName 元素名选择器
* 通配符选择器
html,body,box分组选择器
js 事件的语法；
ele.action=
function(){
}
this指向
课堂操作截图
课后自学笔记
校内实训第一天学习日志
一、前端介绍和HTML基础
（1）浏览器内核构成
内核由渲染引擎和 JS 引擎构成
①渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息以及计算网页的显示方式，然后会输出至显示器。
②JS 引擎：解析 Javascript 语言，执行 javascript 语言来实现网页的动态效果。
（2）浏览器内核工作流程
①解析HTML用来重建DOM树；
②渲染引擎开始解析HTML文档，转换树中的标签到DOM节点，它被称为“内容 树”；
③ 布局渲染树：从根节点递归调用，计算每一个元素的大小，位置等，给每个节点所应该出现在屏幕上的精确坐标；
④绘制渲染树：遍历渲染树，每个节点将使用UI后端来绘制。
（3）HTML
①为 HTML5 建立的一些规则：
1. 新特性应该基于 HTML、CSS、DOM(文档对象模型document object model) 以及 JavaScript
2. 减少对外部插件的需求（比如 Flash）
3. 更优秀的错误处理
4. 更多取代脚本的标记
5. HTML5 应该独立于设备 ( 设备通用 )
②元素分类（补充）
表单元素：