HTLM基础DIV框架和CSS样式，我们先来理解HTLM基础.CIV框架，以及被称为超文本标记语言的CSS风格，这是一种标识性语言。由一系列标签组成.通过这些标签，可以统一网络上的文档，把分散的互联网资源连接成一个逻辑整体。

1.HTLM基础DIV框架和CSS样式

我们先来理解HTLM基础.CIV框架，以及被称为超文本标记语言的CSS风格，这是一种标识性语言。由一系列标签组成.通过这些标签，可以统一网络上的文档，把分散的互联网资源连接成一个逻辑整体。DIV元素是一个元素，用于为HTLM文档中大量内容的结构和背景。CSS既能静态的修饰网页，也能与多种脚本语言相配合，动态地格式化网页的各个元素。CSS可以精确地控制网页元素的位置排版，几乎支持任何一种字体字号风格，并且具有网页对象和模型风格编辑功能。

2.浮动原则：Margin认知
Margin，一种CSS语法，这一简写属性用于设置一项声明中所有当前或指定元素所有外边框的宽度，或设置每个边缘边框的宽度。

3.框架应用搭建
有很多框架，选择本教程的主流框架带大家看一下前端框架是如何建立的。

4.插入图片、文字标签和版头、导航栏
将图片插入网页后，能使浏览网页的用户获得更好的体验效果。本节讨论插入图片.文本标签，以及布局和导航条是如何实现的。

5.Banner模块插入.内容文本排版.内嵌的元素.A标签和Banner链接位置。
Banner是网络广告最早采用的一种形式，现在也是最常见的。这就是横在网页上的矩形公告牌，当用户点击这些标语时，通常可以链接到广告商的网页。而且网页文字内容的排版设计也直接影响网页的美观程度和网页的用户体验。

6.锚点标签、超链接标签、固定定位和绝对定位、相对定位，标记用来定义从一页到另一页的超链接。用来设定页面定位的锚。

7.导航二级菜单显示隐藏。
许多页面的第二级菜单栏并不直接显示，需要鼠标移至第一级菜单或点击第一级菜单来展开显示。

8.input放置形式。
input表单可以获得用户的信息，做出相应的操作，在教程中以直观的方式显示input表单的应用。
事实上，上述教程只是web前端很小的一部分，UI设计若能理解前端的知识，就能更好地考虑到实现问题，也能更好地与开发人员沟通，也能提高团队协作的效率，加快项目进度。