有志者、事竟成,破釜沉舟,百二秦关终属楚；

　　苦心人、天不负,卧薪尝胆,三千越甲可吞吴！

秦军消灭六国, 独吞天下, 军力之强大可想而知。但项羽自幼立志复国(楚), 甚至希望取秦而代之。 他召集了以前楚国的遗民(江东父老)而组成军队, 几经转折, 最后背水与秦兵死战。 项羽破釜沉舟, 表明了有进无退的决心, 结果军心大振, 上下一心, 於钜鹿一战全歼秦军二十万。 其后自立为西楚霸王，建都彭城 。 越国本已亡国，但凭著勾践等君臣忍辱负重、从大处著想，结果非但越国得以保全，最后一雪前耻，率领越军反灭了吴国。并挟灭吴的余威渡淮北上，与诸侯会盟，终于成就了春秋时期最后一个霸主梦。“精诚所至，金石为开”，越国臣民的坚忍得到最终的成果。  

HTML简介

HTML（Hyper Text Mark-up Language ）即超文本标记语言，是用于描述网页文档的一种标记语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

什么是Html5?

Html5是Html的最新一代(第5次重大修改)的版本。 其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。Html5相比之前的版本有着明显的改进，大致来说有这几个方面：
1.更多的标记,适应移动设备中的地理标记，摄像头，原生视频播放，以及更好的html语义的需要
2.画布跟原生2d作图，这个使得网页游戏编写更简单，性能更高。
3.RIA的支持，websocket，实现服务器主动推送数据到客户端，触摸的支持等等，这些使得客户端应用更丰富、更像本地程序
4.更完善的css标准和js标准。

CSS3

CSS 即层叠样式表（Cascading StyleSheet）。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3 是CSS技术的升级版本，相比之前的版本多了一些样式设置（比如动画特效）。

html元素分类

html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。

块级元素： 在html中<div>、<p>、<h1>、<form>、<ul>和<li>就是块级元素。设置display:block就是将元素显示为块级元素。每个块级元素都独占一行，并且其后的元素也另起一行。元素的高度、宽度、行高以及顶和底边距都可设置
行内元素： 在html中，<span>、<a>、<label>、<input>、<img>和<strong>就是典型的行内元素（inline）元素。行内元素和其他元素都在一行上,元素的高度、宽度、行高及顶部和底部边距不可设置。
内联块状元素： 内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。兼具两种特点。

CSS布局

CSS 定位 (Positioning) 属性允许你对元素进行定位。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。

CSS 有三种基本的定位机制：普通流、浮动 和 绝对定位。

css的选择器类型

标签选择器: 就是针对HTML文档中的标签。

类选择器: 类选择器可以自己自定义样式名称,在html的标签中使用class=”“引用，该种样式可以重复引用。

id选择器： 与类选择器基本相似，但是ID具有唯一性，在网页中只能出现一次，用于定义只出现一次的样式。

属性选择器: 可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。

CSS position 属性

static:
元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative:
元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

absolute:
元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

fixed:
元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。
提示：相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。

CSS浮动

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框 不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

清除浮动： clear : none | left | right | both
none : 默认值。允许两边都可以有浮动对象

left : 不允许左边有浮动对象

right : 不允许右边有浮动对象

both : 不允许有浮动对象
注意: 对于CSS的清除浮动(clear)，只能影响使用清除的元素本身，不能影响其他元素。

由于时间仓促，其中还有许多不足之处在所难免，敬请谅解，更多精彩内容可加博主QQ:2198983146，欢迎进行技术交流！！！

　　有志者、事竟成,破釜沉舟,百二秦关终属楚；

　　苦心人、天不负,卧薪尝胆,三千越甲可吞吴！

秦军消灭六国, 独吞天下, 军力之强大可想而知。但项羽自幼立志复国(楚), 甚至希望取秦而代之。 他召集了以前楚国的遗民(江东父老)而组成军队, 几经转折, 最后背水与秦兵死战。 项羽破釜沉舟, 表明了有进无退的决心, 结果军心大振, 上下一心, 於钜鹿一战全歼秦军二十万。 其后自立为西楚霸王，建都彭城 。 越国本已亡国，但凭著勾践等君臣忍辱负重、从大处著想，结果非但越国得以保全，最后一雪前耻，率领越军反灭了吴国。并挟灭吴的余威渡淮北上，与诸侯会盟，终于成就了春秋时期最后一个霸主梦。“精诚所至，金石为开”，越国臣民的坚忍得到最终的成果。  

HTML简介

HTML（Hyper Text Mark-up Language ）即超文本标记语言，是用于描述网页文档的一种标记语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

什么是Html5?

Html5是Html的最新一代(第5次重大修改)的版本。 其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。Html5相比之前的版本有着明显的改进，大致来说有这几个方面：
1.更多的标记,适应移动设备中的地理标记，摄像头，原生视频播放，以及更好的html语义的需要
2.画布跟原生2d作图，这个使得网页游戏编写更简单，性能更高。
3.RIA的支持，websocket，实现服务器主动推送数据到客户端，触摸的支持等等，这些使得客户端应用更丰富、更像本地程序
4.更完善的css标准和js标准。

CSS3

CSS 即层叠样式表（Cascading StyleSheet）。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3 是CSS技术的升级版本，相比之前的版本多了一些样式设置（比如动画特效）。

html元素分类

html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。

块级元素： 在html中<div>、<p>、<h1>、<form>、<ul>和<li>就是块级元素。设置display:block就是将元素显示为块级元素。每个块级元素都独占一行，并且其后的元素也另起一行。元素的高度、宽度、行高以及顶和底边距都可设置
行内元素： 在html中，<span>、<a>、<label>、<input>、<img>和<strong>就是典型的行内元素（inline）元素。行内元素和其他元素都在一行上,元素的高度、宽度、行高及顶部和底部边距不可设置。
内联块状元素： 内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。兼具两种特点。

CSS布局

CSS 定位 (Positioning) 属性允许你对元素进行定位。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。

CSS 有三种基本的定位机制：普通流、浮动 和 绝对定位。

css的选择器类型

标签选择器: 就是针对HTML文档中的标签。

类选择器: 类选择器可以自己自定义样式名称,在html的标签中使用class=”“引用，该种样式可以重复引用。

id选择器： 与类选择器基本相似，但是ID具有唯一性，在网页中只能出现一次，用于定义只出现一次的样式。

属性选择器: 可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。

CSS position 属性

static:
元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative:
元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

absolute:
元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

fixed:
元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。
提示：相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。

CSS浮动

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框 不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

清除浮动： clear : none | left | right | both
none : 默认值。允许两边都可以有浮动对象

left : 不允许左边有浮动对象

right : 不允许右边有浮动对象

both : 不允许有浮动对象
注意: 对于CSS的清除浮动(clear)，只能影响使用清除的元素本身，不能影响其他元素。

由于时间仓促，其中还有许多不足之处在所难免，敬请谅解，更多精彩内容可加博主QQ:2198983146，欢迎进行技术交流！！！