今天考核结果下来了，终于度过了html阶段。今晚将考核时遇到的问题解决。在这之前，我提前下了mysql workbenf 我之前以为它会很简单，只是有点出乎意料，他要求的不仅仅是敲代码，也要求环境变量配置，数据库与eclipse相连接，这对我来说有点难。
这先不说了，先说一下我这次HTML的知识吧！
注册界面输入框内左右没有距离，可以设置该框的padding
就先说一下当我们每次敲！+tab时显示的代码的含义吧。link中rel规定文档与被连接文档之间的关系；<html>中charset为页面规定字符集的字符串。;<meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information)，比如描述、针对搜索引擎的关键词以及刷新频率;lang 属性规定元素内容的语言。doctype 属性可返回与文档相关的文档类型声明
../与./的区别：前者指跳转到该文件夹父文件夹，后者指跳转到该元素子文件夹
导航栏质点击到文字跳转时，可以通过设置a标签大小来让他点击导航栏跳转
父选择器'>' 与' '区别：前者只对应字辈，后者即可对应字辈，又可对应孙子辈
table中collspadding可设置单元格间距
定位区别：relative与stiky都是相对与上一元素定位，absolute与fixed当父类为relative时相对于父类否则相对于浏览器
1em=1.6px;
backgound-size:100%;其大小成比例在父类填充backgound-size:100% 100%;他不能随便设置，这会使原始相片宽高比例变化，以至于图片失真
margin：上 右 下 左；
一个元素同时有两个hover时只会执行一个
看图2个flex item（图上标示1和2）是横向排列的，这样的布局下，横向（x方向）就是 “主轴”，纵向（x方向）就是“侧轴”。
颜色表示：#112233=#123
font-family当为属性中文，一个时不用加引号，多个时需要加引号
HTML界面加载顺序：
从上到下运行，先解析head标签中的代码，
（1）head标签中会包含一些引用外部文件的代码，从开始运行就会下载这些被引用的外部文件
当遇到script标签的时候
浏览器暂停解析（不是暂停下载），将控制权交给JavaScript引擎（解释器）
如果<script>标签引用了外部脚本，就下载该脚本，否则就直接执行，执行完毕后将控制权交给浏览器渲染引擎
（2）当head中代码解析完毕，会开始解析body中的代码
如果此时head中引用的外部文件没有下载完，将会继续下载
浏览器解析body代码中的元素，会按照head中声明一部分样式去解析
如果此时遇到body标签中的<script>，同样会将控制权交给JavaScript引擎来解析JavaScript
解析完毕后将控制权交还给浏览器渲染引擎。
当body中的代码全部执行完毕、并且整个页面的css样式加载完毕后，css会重新渲染整个页面的html元素。
（3）按照之前的描述，<script>写到body标签内靠后比较好，
因为JavaScript 会操作html元素， 如果在body加载完之前写JavaScript 会造成JavaScript 找不到页面元素
但是我们经常将<script>写到head中，body中不会有大量的js代码，body中的html代码结构会比较清晰
window.onload： 等待页面中的所有内容加载完毕之后才会执行
$(document).ready()： 页面中所有DOM结构绘制完毕之后就能够执行
可以这样理解：window.onload 和 $(document).ready()/$(function(){}); 相当于 写在body 内 最靠后的<script> 代码段
欧了！
网友评论