经过一段时间的学习，前端真的要背诵记忆的地方很多,很多接触HTML的人都说HTML很简单，当然这种简单是针对web后端和Java而言的。
  就我目前对HTML的理解来看，HTML就像是一幅画板。里面涉及的基本格式就像是各色颜料，而其余各种元素就是要描绘出的形态。想象一下如果你能灵活的运用这些元素，那么你就能随心所欲的设计出独具个人特色的网页。所有需要获取相关内容的人都需要浏览你的网页，想想就觉得满满成就感。所以这么意义非凡的一件事，希望真正想学的人不要因为太多东西要背要记忆而放弃。我们可能要敲上成千上万行的代码，但是如果内心足够喜欢，相信这也是一件非常快乐的事。
CSS样式选择器分为4个等级，a、b、c、d
(1)、如果样式是行内样式（通过Style=“”定义），那么a=1，1,0,0,0
(2)、b为ID选择器的总数 0,1,0,0
(3)、c为属性选择器，伪类选择器和class类选择器的数量。0,0,1,0
(4)、d为标签、伪元素选择器的数量 0,0,0,1
(5)、!important 权重最高，比 inline style 还要高

为什么要初始化CSS样式
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。
*最简单的初始化方法就是： * {padding: 0; margin: 0;} （不建议）

在CSS动画制作过程中如果要出发时间可以用keyframes规则
要在添加事件的部分加
-webkit-animation:bleftchange 10s infinite;
-webkit-animation-direction:alternate;
然后在@-webkit-keyframes xxxx中写入要改动的值


1.相对定位：设置好位置之后，无论页面何如滚动，其位置保持不变设置好位置之后，无论页面何如滚动，其位置保持不变。
　　2.绝对定位：相对元素原来位置进行移动。
　　3.固定定位：表格始终位置不变
　　表格内的元素属性设置，border、padding、margin、text-align、font-size、border-radius等
　　人生路慢慢，吾将上下而求索！

经过一段时间的学习，前端真的要背诵记忆的地方很多,很多接触HTML的人都说HTML很简单，当然这种简单是针对web后端和Java而言的。
  就我目前对HTML的理解来看，HTML就像是一幅画板。里面涉及的基本格式就像是各色颜料，而其余各种元素就是要描绘出的形态。想象一下如果你能灵活的运用这些元素，那么你就能随心所欲的设计出独具个人特色的网页。所有需要获取相关内容的人都需要浏览你的网页，想想就觉得满满成就感。所以这么意义非凡的一件事，希望真正想学的人不要因为太多东西要背要记忆而放弃。我们可能要敲上成千上万行的代码，但是如果内心足够喜欢，相信这也是一件非常快乐的事。
CSS样式选择器分为4个等级，a、b、c、d
(1)、如果样式是行内样式（通过Style=“”定义），那么a=1，1,0,0,0
(2)、b为ID选择器的总数 0,1,0,0
(3)、c为属性选择器，伪类选择器和class类选择器的数量。0,0,1,0
(4)、d为标签、伪元素选择器的数量 0,0,0,1
(5)、!important 权重最高，比 inline style 还要高

为什么要初始化CSS样式
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。
*最简单的初始化方法就是： * {padding: 0; margin: 0;} （不建议）

在CSS动画制作过程中如果要出发时间可以用keyframes规则
要在添加事件的部分加
-webkit-animation:bleftchange 10s infinite;
-webkit-animation-direction:alternate;
然后在@-webkit-keyframes xxxx中写入要改动的值


1.相对定位：设置好位置之后，无论页面何如滚动，其位置保持不变设置好位置之后，无论页面何如滚动，其位置保持不变。
　　2.绝对定位：相对元素原来位置进行移动。
　　3.固定定位：表格始终位置不变
　　表格内的元素属性设置，border、padding、margin、text-align、font-size、border-radius等
　　人生路慢慢，吾将上下而求索！