1、左右框架型布局 这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、雅安服务器托管、营销软件、网站建设、柳河网站维护、网站推广。
2、列举常用HTML5结构组合 header nav section article figure figcaption aside footer 一般首页结构，如图所示 当然也可以是下面的结构 其中section和article最为相似，而且和div标签貌似也有很大相似之处。
3、如果你会html、css可以直接写代码，最方便的是用网上的js插件，有很多很炫酷的插件。
4、要了解和熟悉 HTML5 中的新的语义元素，最好的方式就是拿一经典的 HTML 文档作例子，然后把 HTML5 的一些新鲜营养充实进入。如下就是我们要改造的页面，该页面很简单，只包含一篇文章。
第一次stroke()时，绘制一条红色的折线；第二次stroke()时，会再重新绘制之前的那条红色的折线，但是这个时候的画笔已经被更换成蓝色的了，所以画出的折线全是蓝色的。换言之，strokeStyle属性被覆盖了。
电脑、chrome浏览器、html编辑器。首先打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html的body标签中，添加代码：hr/。浏览器运行index.html页面，此时成功在html中画了一条线。
于是决定自己写一个简单一点的动画框架，以便能更方便地构建出一些动画效果。
在2个对象重叠的时候决定谁在上面），相应的对象放到一个数组里并按zOrder排序 鼠标事件触发后，按照zOrder的顺序来检测鼠标坐标在不在某个对象的区域里，如果在，判断是选择开始还是结束，并相应记录。
那么我们今天就一起来整理和分享一下前端动态效果的制作方法，并对其中的 Canvas 进行一下简单的讲解。
使用HTML5 Canvas动态的绘制拓扑图：HTML5中引入新的元素canvas，其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。
1、输出一条横线用：hr如果想让它长点就改变它的样式：hr style=width：1000PX；变长和粗：hr style=width：1000PX；height：20px；其中width 是宽（长），height是高（粗细）。
2、用border-bottom设置下划线，可设置其颜色、粗细。下划线的长度通过设置空内容的width属性来实现，还可以通过margin-top调整下划线与文字的距离。
3、hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。
4、设置css的text-decoration属性即可实现。
5、通过CSS中的 a：hover 标签指定下面的属性 text-decoration：underline； 文本修饰：下划线 color：#F00 字和下划线颜色 来实现，这种方法简单、但美观度不高。
6、导航栏下面横线可以通过css样式进行设置，属性为text-decorationg：underline；上述的方式设置的效果中位子颜色和下划线的颜色是一样的，如果想实现文字和下划线的颜色不一样，可以采用如下方法进行调整。
