第四章 CSS样式基础

MY.余

已于 2024-09-30 14:51:56 修改

阅读量314

点赞数 9

文章标签： css 前端

于 2024-09-30 14:45:01 首次发布

本文链接：https://blog.csdn.net/2302_82060572/article/details/142556115

版权

4.1 CSS概述

CSS指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML元素
样式通常存储在样式表中
把样式添加到HTML4.0中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS文件中
多个样式定义可层叠为一个
在学习CSS之前，你需要具备HTML的基本知识。

4.1.1.CSS的基本概念

css 的定义

css(Cascading Style Sheet)层叠样式表，它是用来美化页面和控制页面布局的一种语言。

美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式。
控制页面布局, 比如: 设置浮动、定位等样式。
css 的基本语法

选择器{

        样式规则

}

样式规则：

        属性名1：属性值1;

        属性名2：属性值2;

        属性名3：属性值3;

        ...

选择器:是用来选择标签的，选出来以后给标签加样式。

. CSS注释

CSS注释规则：【快捷键：Ctrl+/】

/*  需要注释的内容  */  进行注释的，即在需要注释的内容前使用 "/*" 标记开始注释，在内容的结尾使用 "*/"结束。

4.1.2传统HTML的缺点

维护困难，修改某个特殊标记的格式需要花费很多的时间，尤其对于整个网站而言，后期修改和维护的成本很高。
标记不足，HTML只能创建静态页面和普通页面，无法创建动态页面。
HTML文档的结构难以掌握，错误可能会导致高昂的代价。
HTML样式使用标准文本标识，不能创建一些特殊效果。

4.1.2.1.维护困难

为了修改某个特殊标记的格式，需要花费很多的时间，尤其对于整个网站而言，后期修改和维护的成本很高

4.1.2.2.标记不足

HTML自身的标记并不丰富，很多标记都是为网页内容服务的，而关于美工的标记，例如文字间距、段落缩进等，这些 HTML 中都很难找到。

4.1.2.3.网页过“胖”

由于对各种风格样式没有统一进行控制，用HTML编写的页面往往是体积过大，占用了很多宝贵的带宽。

4.1.2.4.定位困难

在整体页面布局时，HTML对于各个模块的位置调整很困难。

4.1.3.CSS的特点和优势

CSS 通过定义标记如何表现，对页面结构风格进行控制，分离文档的内容和表现，克服了传统 HTML的缺点。将CSS 嵌人在页面中，通过浏览器解释执行，而且 CSS 文件是文本文件，只要理解 HTML都可以掌握它。其特点主要如下。

4.1.3.1.表现和内容分离

CSS通过定义HTML,标记如何显示控制网页的格式，使得页面内容和表现分离，简化了网页格式设计，也使得对网页格式的修改更方便

4.1.3.2.增强了网页的表现力

CSS样式属性提供了比HTML,更多的格式设计功能。例如，可以通过CSS样式去掉网页中超链接的下划线，甚至可以为文字添加阴影效果等。

4.1.3.3.使整个网站显示风格趋于统一

将CSS样式定义到样式表文件中，然后在多个网页中同时应用样式表文件中的样式就可以确保多个网页具有一致的格式，并且可以随时更新样式表文件，实现自动更新多个网页的格式功能，从而大大降低网站的开发与维护的成本。

4.1.4.CSS的编写规则

4.1.4.1.目录结构命名规则

存放css样式文件目录一般命名为style或css。

4.1.4.2.样式文件的命名规则

在项目初期，会把不同类别的样式放于不同的CSS文件，是为了CSS编写和调试的便;在项目后期，为了网站性能上的考虑，会将不同的CSS文件整合到一个CSS文件中这个文件一般命名为style.css或css.css。

4.1.4.3.选择器的命名规则

所有选择器必须由小写英文字母或下划线组成，必须以字母开头，不能为纯数字。设
者要用有意义的单词或缩写组合来命名选择器，做到“见名知义”，这样就节省了查找样:的时间。样式名必须能够表示样式的大概含义(禁止出现如 Divl，Div2和 Style 等自名),者可以参考表4-1中的样式命名。

4.1.4.4.CSS代码注释

像其他语言一样，CSS允许用户在源代码中嵌人注释。CSS注释被浏览器忽略，不影响网页效果。注释有助于记住复杂的样式规则的作用、应用的范围等，便于样式规则的后期维护和应用。CSS注释以字符“/*”开始，以字符“*/”结束。注释可以是单行，也可以
是多行，并可以出现在CSS代码的任何地方。

4.1.4.5.CSS代码注释

代码缩进可以保证CSS代码的清晰可读。在实际应用中，可以按一次Tab键来缩进选择器按两次 Tab 键来缩进声明和结束大括号。这样的排版规则便于查询，避免代码混乱

4.2 CSS语法基础

CSS就是一个包含一个或多个规则的文本文件，CSS规则由两个主要的部分构成:选择髀(Selector选择器)和声明(Declaration)
选择器通常是需要改变样式的HTML元素
声明由一个或多个属性与属性值对组成。属性是CSS的关键字，如font-family(字体)color(颜色)和border(边框)等，属性用于指定选择器某一方面的特性，而属性值则用于指定选择器的特性的具体特征。

4.2.1.CSS基本语法

4.2.1.1.基本语法

selector { propertyl : valuel ; property2 : value2 ; property3 : value3} ;选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3:…}

4.2.1.2.语法说明

(1)选择器。选择器可以是HTML标记名称或者属性的值，也可以是自定义的标识符
(2)属性/属性值对。“属性:属性值”必须一一对应，属性与属性值之间必须用“.”连接，每个属性/属性值对之间用分号(;)隔开。
(3)属性。在CSS中对属性命名与脚本语言中有一点不同，即属性名称的写法，在CSS中，凡是属性名为两个或两个以上的单词构成时，单词之间以连词符号(-)分隔，例如背景颜色属性 background-color;而在脚本语言中，对象属性则连写成backgroundColor在脚本语言中，属性由两个以上单词构成，则从第二个单词开始向后，所有单词首字母必须大写。

4.2.2.CSS选择器类型

CSS选择器主要有4种类型:标记选择器、class选择器、ID选择器及伪类选择器等。

4.2.2.1.标记选择器

p{/*标签选择器*/
				color: #0000ff;
				font-size: 20px;
			}
<p>这是第一段</p>
<p>这是第二段</p>

4.2.2.2.class选择器

.class1{/*class选择器类型*/
				color: #ff0000;
				font-size: 30px;
			}
			.class2{
				color: #0000ff;
			}
<p class="class1">这是class1的第一段内容</p>
<p class="class1">这是class1的第二段内容</p>
<p class="class2">这是class2的第二段内容</p>

4.2.2.3.ID选择器

#id1{/*ID选择器*/
				color: #00aaff;
				font-size: 40px;
			#id2{
				color: #aa00ff;
			}
			}
<p id="id1">这是id1内容</p>
<p class="class1" id="id2">这是id2的内容</p>

4.2.2.4.伪类选择器

/*伪类选择器*/
			a:link{
				color: #000000;
			}
			a:hover{
				color: #00ff00;
			}
			a:visited{
				color: #ff0000;
			}

4.2.3.CSS选择器声明

在声明各种CSS选择器时，如果某些选择器的风格是完全相同的，或者部分相同，都可以使用集体声明的方法，用“,”分隔多个选择器，对风格相同的 CSS 选择器同时声明

4.2.3.1.集体声明

*{
				font-size: fangsong;
			}

4.2.3.2.全局声明

p,a{
				font-size: 70px;
			}
<p>这是第一段</p>
<p>这是第二段</p>
<p class="class1">这是class1的第一段内容</p>
<p class="class1">这是class1的第二段内容</p>
<p class="class2">这是class2的第二段内容</p>
<p id="id1">这是id1内容</p>
<p class="class1" id="id2">这是id2的内容</p>
<a href="http://www.baiud.com">百度一下</a>
<p style="color: #000000;">这是第二段内容</p>/*行内样式*/

4.2.3.3派生选择器（上下文选择器）

后代选择器（descendant selector)

子选择器（child selector)

相邻兄弟选择器（Adjacent sibling selector）

4.3 CSS引入方式

1.基本语法
<标记 slye=“属性!:属性值1;属性 2:属性值 2:…">修饰的内容</标记>
2.语法说明
语法说明:
(1)标记是指 HTML标记，如p，hl 和 body 等标记;
(2)标记的 style 定义的声明只对自身起作用;
(3)slyle 属性的值可以包含多个声明，每一声明之间用“;”分隔;(4)标记门身定义的 style 样式优先于其他所冇样式定义。

4.3.1.内联样式表（行内样式表）

1.链接外部样式表
链接式是将所有的样式放在一个或多个以“.css”为扩展名的外部样式表中，通过网页的<head></head 标签中使用<link>标记将外部样式表文件链接到 HTML 文档中
(1)基本语法:
<link type="textcss”rel="stylesheet" href="外部样式表名.css">
(2)语法说明:语法中必须指定<link>标记的3个属性，其中 href是定义链接外部样式表文件的 url 可以是相对路径和绝对路径;rel是定义当前文档与被链接文档之间的关系，这里指定stylesheet，表示被链接的文档是样式表文件;type是定义链接文档的类型，这里类型指定为textcss，表示链接的外部文件为 CSS 样式表，
这里面涉及3个属性，rel="stylesheet"规定当前文档与被链接文档之间的关系。pe="texVcss"规定被链接文档的 MIME类型。href="mystyle.css"规定被链接文档的位置，只需要记住这个固定写法即可。

2.导入外部样式表
导人式是将一个独立的 CSS 文件导人 HTML 文档中，其是在 HTML 文档<bead>中应用<style>标签，并在<style>标签中的开头处用@ impont语句，即可导人外部样式表文件
(1)基本语法:
<style type=" text/css" >
@ import url("CSS 文件路径");
/*此处还可以存放其他 CSS 样式*/
</style>
(2)语法说明。导入样式表必须在 style 标记内开头的位置定义，可以同时导人多个外部样式表，每条语句必须以“;”结束。一般导人外部样式写在最前面，内部样式写在后面。
“@import”必须连续书写，即“@”和“import”之间不能留有任何空格。外部样式表的名称在书写时，必须是全称再加上后缀名“.css”，如“4-5.css”
导人式会在整个网页加载完后再加载CSS文件，因此如果网页比较大则会出现先显示无样式的页面，再出现网页的样式的情况。

4.3.1.1.基本语法

4.3.1.2.语法说明

语法中必须指定<link>标记的3个属性，其中 href是定义链接外部样式表文件的 url 可以是相对路径和绝对路径;rel是定义当前文档与被链接文档之间的关系，这里指定stylesheet，表示被链接的文档是样式表文件;type是定义链接文档的类型，这里类型指定为textcss，表示链接的外部文件为 CSS 样式表，
这里面涉及3个属性，rel="stylesheet"规定当前文档与被链接文档之间的关系。pe="texVcss"规定被链接文档的 MIME类型。href="mystyle.css"规定被链接文档的位置，只需要记住这个固定写法即可。

4.3.2.内部样式表

1.基本语法

I <style type =" text/css" >
选择器 1{属性 1:属性值1:属性 2:属性值 2;…}
选择器 2{属性 1:属性值1;属性 2:属性值 2;…·}选择器 n{属性1:属性值1;属性 2:属性值 2:…}</style

2.语法说明

style 标记是成对标记，有1个type 属性是指 style 元素以 CSS 的语法定义。
选择器1，…，选择器n，可以定义n个选择器，再定义声明部分。
属性和属性值之间用冒号连接,“属性/属性值”对之间用分号分隔。

4.3.3.外部样式表

链接式是将所有的样式放在一个或多个以“.css”为扩展名的外部样式表中，通过网页的<head></head 标签中使用<link>标记将外部样式表文件链接到 HTML 文档中
(1)基本语法:
<link type="textcss”rel="stylesheet" href="外部样式表名.css">
(2)语法说明:语法中必须指定<link>标记的3个属性，其中 href是定义链接外部样式表文件的 url 可以是相对路径和绝对路径;rel是定义当前文档与被链接文档之间的关系，这里指定stylesheet，表示被链接的文档是样式表文件;type是定义链接文档的类型，这里类型指定为textcss，表示链接的外部文件为 CSS 样式表，
这里面涉及3个属性，rel="stylesheet"规定当前文档与被链接文档之间的关系。pe="texVcss"规定被链接文档的 MIME类型。href="mystyle.css"规定被链接文档的位置，只需要记住这个固定写法即可。

4.3.3.1.链接外部样式表

链接式是将所有的样式放在一个或多个以“.css”为扩展名的外部样式表中，通过网页的<head></head 标签中使用<link>标记将外部样式表文件链接到 HTML 文档中

4.3.3.2.导入外部样式表

导人式是将一个独立的 CSS 文件导人 HTML 文档中，其是在 HTML 文档<bead>中应用<style>标签，并在<style>标签中的开头处用@ impont语句，即可导人外部样式表文件
(1)基本语法:
<style type=" text/css" >
@ import url("CSS 文件路径");
/*此处还可以存放其他 CSS 样式*/
</style>
(2)语法说明。导入样式表必须在 style 标记内开头的位置定义，可以同时导人多个外部样式表，每条语句必须以“;”结束。一般导人外部样式写在最前面，内部样式写在后面。
“@import”必须连续书写，即“@”和“import”之间不能留有任何空格。外部样式表的名称在书写时，必须是全称再加上后缀名“.css”，如“4-5.css”
导人式会在整个网页加载完后再加载CSS文件，因此如果网页比较大则会出现先显示无样式的页面，再出现网页的样式的情况。

4.4 CSS的属性单位

4.4.1.长度、百分比单位

1.相对类型
其指以该属性的前一个属性的单位值为基础来完成目前的设置，在浏览器内常用且支持的两种长度单位是以相对类型出现的。如用cm(当前字母中，字母的宽度)作为属性单时，将会依据父元素的font-size 属性，如果没有父元素，则参考浏览器的默认值字号

4.4.1.2.绝对类型

绝对类型所使用的单位不会随着显示设备的不同而改变，也就是当属性值使用绝对单位时，不论在哪种设备上显示都是一样的，例如屏幕上的1cm与打印机上的Icm 是一样长的表 4-3 为浏览器支持的绝对类型的长度单位。
百分比单位是一种常用的相对类型，通常的参考依据为fnt-size属性。百分比值总是相对于另一个值。下面的语句将margin属性的值没置为font-size 的 200%:
pmargin:200% ;
需要注意的是，不管使用哪种单位，在设置的时候数值与单位之间不需要加空格

较大则会出现先显示无样式的页面，再出现网页的样式的情况。

4.4.2.色彩单位

HTML网页和CSS样式都是按照RGB来设颜色的。在HTML标记中只提供了两种设置色彩的方法:十六进制数和色彩英文名称。CSS则提供了三种定义色彩的方法:十六进制数、色彩英文名称、rgb 函数和rgba 兩函数。

4.4.2.1.用十六进制数方式表示色彩值

用十六进制数方式表示色彩值
在计算机中，定义每种色彩的强度范围为0~255。当所有色彩的强度都为0时，将产生黑色:当所有色彩的强度都为 255 时，将产生白色。
在 HTML中，使用RGB概念指定色彩时，前面是一个“#”号，再加上6个十六进制数字表示，表示方法为:#RRGGBB、其中，前两个数字代表红光强度(Red)，中间两个数字代表绿光强度(Green)，后两个数字代表蓝光强度(Blue)，以上3个参数的取值范围为00~g。参数必须是两位数，对于只有1位的参数，应在前面补0。这种方法共可表示256x256x256种色彩，即16M种色彩。而红色、绿色、黑色、白色的十六进制设置值分别为#FF0000、#00FF00、#0000FF、#000000、#FFFFFF。

4.4.2.2.用色彩名称方式表示色彩值

用色彩名称方式表示色彩值
用色彩名称方式表示色彩值在CSS中也提供了与HTML一样的用色彩英文名称表示色彩的方式。CSS只提供16种色彩名称，

4.4.2.3.使用RGB（x,y,z）函数表示

x、y、2、分别是红色、绿色、蓝色的值，x，y，zE[0，225]，亦可用百分比表示:对比rgba(x，y，z，a)中a是alpha 通道设置透明度取值 0~1。

4.5.CSS继承与层叠

CSS继承即子标记会继承父标记的所有样式风格，并且可以在父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式风格完全不影响父标记，值得注意的是，并不是所有的属性都会自动传给子元素，有的属性不会继承父标记的属性值，

4.6 元素类型

4.6.1.块级元素

display属性设置为 block将显示块级元素，块级元素的宽度为100%，带有换行符，使块级元素始终占据一行，如<div>常常被称为块级元素，这意味着这些元素显示为一块内容，标题、段落、列表、表格、分区 div 和 body 等元素都是块级元素。级元素

4.6.2.行级元素(display:inline)

行级元素也称内联元素，display 属性设置为inline 将显示行级元素，元素前后没有换行符，行级元素没有高度和宽度，因此也就没有固定的形状，显示时只占据其内容的大小超链接、图像、范用(pan)、衣单元素等都是行级元素，

4.6.3.列表项元素

li-iiem 属性们衣示列表项目，其实质上也是块状显示，是一种特殊的块状类型，它加了缩进和项目符号

4.6.4.隐藏元素

none 属性值及示隐藏并取消盆模型，所包含的内容不会被浏览器解析和显示。通过把dispay 设置为 none，该元素及其所有内容就不再显示，也不占用文档中的空间。

4.7 综合案例——开平碉楼申遗大事记”

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>开平碉楼</title>
		<link type="text/css" rel="stylesheet" href="css/case.css"/>
	</head>
	<body>
		<div id="content">
			<h2 class="biaoti">开平碉楼申遗大事记</h2>
			<hr color="#D3B175" size="5"/>
			<img src="img/pic200.jpg"/>
			<p class="tx1">2000年开平成立申遗小组</p>
			<p>2000年2月，从国务院信访局到开平挂市委常委职务的李攻同志在香港侨团团拜会上向胡耀坤、吴荣治等侨领首次提出将开平碉楼申报为世界文化遗产。
			2000年10月30日，开平市成立”开平碉楼"申报世界文化遗产领导小组。领导小组下设办公室，分整治组、资料组、宣传组。
			</p >
			<p class="tx1">2001年，省申遗领导小组成立</p >
			<p>2001年4月30日，开平市市长办公会议研究将开平明楼中道项目名称定为“开平碉楼与民居”
			2001年6月19日，申遗办谭伟强、张健文、邝积康3位负责人赴北京，在李玫同志的陪同下拜访了中国国际古迹遗址理事会秘书长郭旃、清华大学教授陈志华，就申遗的有关事宜进行会谈。
			2001年3月至6月，开平市开展”开平碉楼”的普查工作，并请上海同济大学、华南理工大学专家对33座碉楼测绘了立面图、剖面图、平面图和细部特征图。
			2001年6月，江门市成立了以时任市长雷于蓝为组长的江门市申报世界文化遗产领导小组。
			2001年7月11日至17日，清华大学陈志华、楼庆西、李秋香教授，五邑大学张国雄、梅伟强教授，深入到三埠、长沙、沙冈、塘口、蚬冈、百合、月山、赤坎、大沙等镇（办事处）对碉楼与民居进行了认真细致的考察。开平市政府特聘几位专家为"开平碉楼与民居”申报世界文化遗产工作高级顾问。
			2001年9月6日至7日，时任副省长的李兰芳到江门市视察碉楼，对开平碉楼申遗工作给予了充分的肯定，并表示省政府对此将大力支持。
			2001年9月12日，联合国世界遗产评估机构——国际古迹遗址理事会总协调员亨利博士考察开平碉楼，对开平碉楼的价值和开平乃至广东的文物保护工作表示了充分的肯定。
			2001年11月，广东省成立申报世界文化遗产领导小组及其办公室。
			2001年，开平籍旅港同胞、恒生银行董事长利国伟爵士就开平碉楼申报事宜专门写信给时任国务院总理的朱镕基。
			</p >
			  <p class="tx1">2004年，世遗中心受理开平申遗</p >
			  <p>2004年4月10日至11日，联合国世界遗产专家乔拉·索拉先生及夫人、以色列文物专家阿里·拉哈米莫夫先生及夫人，中国国际古迹遗址理事会秘书长郭旃先生，澳门文化局文化财产厅陈泽成厅长的陪同下到开平考察碉楼。
			2004年5月，任仲夷同志致函省委书记张德江，请德江同志向中央汇报开平碉楼申报世界文化遗产工作。
			2004年5月17日，张德江同志在开平市委、市政府《关于请张德江书记向中央汇报开平碉楼申报世界遗产工作的请示》中批示：我赞成和支持开平碉楼申报世界文化遗产。
			2004年6月，开平市被中国建筑学会授予“中国碉楼之乡"的称号。
			2004年7月2日，中国100多个申遗”预备清单“中已有5个申报项目被世界遗产中心受理，分别是澳门历史建筑群、开平碉楼、殷墟、福建土楼和红河哈尼梯田。
			2004年10月28日，蚬冈镇锦江里昇峰楼业主旅加华侨胡黄惠英（乳名：黄滚盛）女士及其兄长黄雄畅先生在梁金山世外豪园酒店正式将他们的碉楼无偿委托给开平人民政府管理。
			  </p >
			<p class="tx1">2005年，申报名称变更</p >
			<p>2005年4月21日，由清华大学建筑学院与开平市申遗办合作开展的第二次全市性碉楼普查工作于圆满完成。本次碉楼普查从2005年3月16日开始，历时13个月。第二次碉楼普查深入到全市每条村庄逐幢碉楼进行登记、拍照、调查核实，拍摄2万多张图片，采集到一些珍贵的、鲜为人知的历史资料。
			2005年9月18日，联合国世界遗产协调员乔拉先生、建筑规划师阿里先生来到开平，指导开平碉楼申报世界文化遗产工作。
			2005年9月24日，由省人民政府主办，省文化厅、江门市人民政府、开平市人民政府承办的广东省开平碉楼申报世界文化谴产动员大会在省博物馆门前隆重举行。
			2005年11月，开平碉楼申报世界文化遗产的项目名称由“开平碉楼与民居“变为“开平碉楼与村落”，极大地延伸了开平碉楼的文化内涵和历史价值，更有利于申报世界文化遗产。
			2005年12月5日，北京大学世界遗产中心沈文权博士，中国古文物保护专家张志平女士（郭游夫人）抵达开平，着手开展修改北大制订的开平碉楼文化遗产保护规划，为适应申报的需要，该规划将改《开平碉楼与村落保护管理规划》，并对相关内容进行增补。
			</p >
			  <p class ="tx1">2006年，世遗专家评估开平申遗</p >
			  <p>2006年1月11日，国家文物局局长单霁翔正式签署英文申报文本。
			2006年1月，国务院正式批准“开平碉楼与村落”作为2007年代表中国向联合国申报世界文遗产的项目，英文申报文本已被联合国教科文组织确认合格接收。
			2006年3月2日至3日，联合国教科文组织专家乔拉·索拉先生和阿里先生按原计划来到开考察“申遗”准备工作。
			2006年4月3日下午，国家文物局、省政府、江门和开平市委、市政府在开平市行政大楼召开了开平碉楼与村落申报世界文化遗产工作会议，研究申遗工作进入第二个重要环节-环境整治阶段存在问题，提出下一步工作意见。
			2006年5月9日，黄华华省长在江门市委书记陈继兴、市长王南健的陪同下到江门市检查指导开平碉楼与村落申遗工作。
			2006年8月21日至22日，经业主方其祥、方其赏、方其锦授权，塘口镇自力村三座尘封了大半个世纪的居庐——叶生居庐、官生居庐、澜生居庐被依次打开，并发现大量珍贵文物。
			2006年8月27日至28日，著名歌唱家阎维文与中央电视台摄制组一行10多人来到开平，拍摄开平碉楼与村落申报世界文化遗产主题曲——《碉楼颂》音乐电视。
			2006年9月，中国华侨出版社出版了两本关于开平碉楼与村落的学术著作，总结开平碉楼与村落研究所取得的丰硕成果，支持开平碉楼与村落申报世界文化遗产。
			2006年9月15日，开平市举行"共同的心愿———全力支持开平碉楼与村落申报世界文化遗产"为主题的申遗文艺晚会，世遗评估专家卢光裕先生、副省长雷于蓝、国家文物局有关领导观看了晚会。晚会结束时，共收到来自社会各界的捐款1480多万元，其中，著名侨领吴荣治先生及夫人捐款100万元。
			2006年9月15至18日，受联合国教科文组织世界遗产中心的委派，"世遗"评估专家卢光裕先生到江门市对开平碉楼与村落进行评估。
			</p >
			<p class ="tx1">2007年，申遗成功</p >
			<p>2007年1月，开平碉楼与村落申遗项目顺利通过国际古迹遗址（ICOMOS）委员会执委会在巴黎召开的专家会议的评审。
			2007年6月20日，开平市赴新西兰、澳大利亚申遗代表团一行30多人经香港转机后抵达新西兰。
			2007年6月22日，中国政府代表团飞赴新西兰，出席世界遗产委员会第31届大会，为开平碉楼与村落申遗助威。
			2007年6月底，开平碉楼与村落申遗项目顺利通过在新西兰召开的第31届世界遗产大会的表决，正式列入《世界遗产名录》。
			</p>
			<p id="t1">来源：开平碉楼</p>
		</div>
	</body>
</html>