用html和css布局如下图像,HTML CSS + DIV实现整体布局

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

body之间的文本是可见的页面内容

注释标签

用于在

HTML 插入注释。

h标签定义和用法

标签可定义标题。

h1定义最大的标题。

h2定义最小的标题。

由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。

其它html标签等元素的实例及用法：http://www.w3school.com.cn/tags/tag_div.asp

(入门，基础知识查阅)

http://www.runoob.com/tags/html-colorpicker.html

HTML

CSS

JAVASCRIPT

JQUERY

BOOTSTRAP

SQL

MYSQL

PHP

PYTHON

C

C++

C#

JAVA

RUBY

关于CSS：http://www.w3school.com.cn/css/css_text.asp

语法规则及习惯：

html中，关键字为小写单词；

c#中，程序体中变量或是首字母大写？

http://www.runoob.com/css/css-mediatypes.html(网站html\css条缕清晰，简单明了)

http://www.w3school.com.cn/dhtml/dhtml_dom.asp(有代码演示)

CSS介绍

解释HTML CSS + DIV实现整体布局:http://blog..net/mercop/article/details/7882000/(图文并茂，简洁明了)

CSS 概念和作用:http://www..com/moveofgod/archive/2012/09/18/2691101.html(理论深入浅出)

认识CSS，了解CSS作用

一、CSS定义与解释

CSS是Cascading Style Sheets(层叠样式表单)的简称。CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为“层叠样式表”(Cascading Stylesheet)。

式样定义如何显示 HTML内容

作用 : 解决内容与表现分离的问题 ( MVC 模型 , model : html , view : css , control :

二、CSS基本语法与结构

实际上CSS 代码都是由一些最基本的语句构成的。

它的基本语句语法的结构是这样的：　　选择符{属性：属性值} 例子 如： #yangshi{width: 156px;height:25px;}

在网页制作时采用CSS技术，可以有效地对全站页面有共同性质属性的布局、字体、颜色、背景和其它效果属性实现更加精确的控制。只要对网页HTML里的相应的CSS代码做一些简单的修改，就可以改变同一页面或整站用到此“选择类”的网页的外观和格式样式。

css代码由css命名加、“{”、加css属性、加属性值最后以“}”结束组成css属性选择器。如：在VS中，

VS——视图——(CSS属性、管理样式、应用样式)，调出工具栏——新建名称为“aa”的样式，设置后自动生成代码。

如对某段文字发生作用，可用关键