第四章 css样式基础

4.1css概述
CSS（层叠样式表，Cascading Style Sheets）是一种用于描述HTML或XML文档的样式表语言。它能够控制网页的外观和布局，包括字体、颜色、间距、布局等视觉元素。以下是CSS的一些基本概述：

选择器：CSS通过选择器来定位HTML文档中的元素，并应用样式规则。常见的选择器包括标签选择器、类选择器、ID选择器、属性选择器、伪类和伪元素等。

属性和值：CSS规则由属性和值组成。属性定义了样式的特定方面，如color、background-color、margin等，而值则是这些属性的具体设置。

层叠：当多个样式规则应用于同一个元素时，CSS的层叠规则决定了哪个规则将被应用。这涉及到规则的来源（如内联样式、内部样式表、外部样式表）、规则的特异性和重要性声明。

继承：某些CSS属性可以被元素的子元素继承，这意味着子元素会继承父元素的样式，除非被覆盖。

盒模型：CSS的盒模型定义了元素的布局方式，包括内容、内边距（padding）、边框（border）和外边距（margin）。

定位：CSS提供了多种定位机制，如静态定位、相对定位、绝对定位和固定定位，允许开发者精确控制元素的位置。

布局：CSS布局可以通过多种方式实现，包括传统的浮动布局、定位布局，以及现代的Flexbox和Grid系统。

响应式设计：通过使用媒体查询，CSS可以为不同的屏幕尺寸和设备类型提供不同的样式规则，实现响应式设计。

动画和过渡：CSS提供了transition和animation属性，允许创建平滑的动画效果。

预处理器：如Sass和Less，这些工具扩展了CSS的功能，允许使用变量、嵌套规则、混合（mixins）和函数等高级功能。

CSS框架：如Bootstrap、Foundation等，这些框架提供了一套预先定义的样式和组件，可以加速开发过程。

CSS是前端开发中不可或缺的一部分，它使得网页设计更加灵活和动态。随着Web技术的发展，CSS也在不断地更新和扩展，以支持更复杂的设计和交互

4.1.1 CSS的基本概念
CSS（Cascading Style Sheets，层叠样式表）是一种用于控制网页样式和布局的样式表语言。以下是CSS的一些基本概念：

样式表：样式表包含了一系列的规则，这些规则定义了HTML元素的显示方式。

规则集：规则集由一个或多个CSS声明组成，每个声明定义了元素的属性和值。

选择器：选择器用于选择页面上的HTML元素，以便应用样式。常见的选择器包括：

标签选择器：根据HTML标签选择元素。
类选择器：使用点号（.）后跟类名来选择具有特定类的元素。
ID选择器：使用井号（#）后跟ID名来选择具有特定ID的元素。
属性选择器：根据元素的属性及其值来选择元素。
伪类：使用冒号（:）后跟伪类名来选择元素的特殊状态，如:hover。
伪元素：使用双冒号（::）后跟伪元素名来选择元素的特殊部分，如::before。
属性：属性是CSS中用于定义样式的关键字，如color、font-size、margin等。

值：值是属性的设置，它定义了属性的具体表现，如color: blue;中的blue。

层叠：当多个规则应用于同一个元素时，CSS的层叠机制决定了哪个规则优先级更高。层叠规则考虑了规则的来源、特异性和重要性。

继承：某些CSS属性可以从父元素继承到子元素，如color和font-family。

盒模型：CSS中的盒模型包括内容区域、内边距（padding）、边框（border）和外边距（margin）。

定位：CSS提供了多种定位机制，包括：

静态定位：元素按照正常的文档流进行布局。
相对定位：元素相对于其正常位置进行偏移。
绝对定位：元素相对于其最近的已定位祖先元素进行定位。
固定定位：元素相对于视口进行定位。
布局：CSS提供了多种布局方式，包括传统的浮动布局、Flexbox（弹性盒模型）和Grid（网格布局）。

媒体查询：媒体查询允许你根据不同的屏幕尺寸、分辨率或其他特性来应用不同的CSS规则，实现响应式设计。

动画：CSS提供了transition（过渡）和animation（动画）属性，用于创建动画效果。

Flexbox：一种用于布局的CSS3模块，允许更灵活的布局控制。

Grid：CSS Grid Layout是一个二维布局系统，允许开发者以网格的形式创建复杂的页面布局。

预处理器：如Sass、Less，它们提供了变量、嵌套规则、混合（mixins）、函数等高级功能，使得CSS更加强大和易于管理。

框架：如Bootstrap、Tailwind CSS等，提供了一套预定义的样式和组件，以加速开发过程。

CSS是前端开发中的核心部分，它使得网页设计更加灵活和动态。随着Web技术的发展，CSS也在不断地更新和扩展，以支持更复杂的设计和交互。

4.1.2 传统HTML的缺点
传统的HTML（超文本标记语言）是一种用于创建网页的标准标记语言，它定义了网页的结构和内容。尽管HTML非常强大，但随着Web技术的发展，它也暴露出了一些缺点：

样式和内容混杂：在早期的Web开发中，样式和内容经常混在一起，这使得维护和更新变得困难。

布局限制：HTML本身不提供复杂的布局机制，如网格布局或灵活的盒子模型，这限制了页面设计的灵活性。

表现力有限：HTML主要用于结构和内容的标记，对于视觉效果的表现力有限，需要依赖CSS来实现丰富的样式。

不支持动态交互：HTML是静态的，不支持动态内容的更新和交互，这需要JavaScript等脚本语言来实现。

表单处理能力有限：HTML表单功能有限，对于复杂的表单验证和处理，需要额外的JavaScript代码。

不支持高级数据结构：HTML不支持复杂的数据结构，如树状结构或图结构，它主要用于线性内容的展示。

可访问性问题：传统的HTML可能没有考虑到无障碍访问的需求，导致某些用户群体（如视障人士）难以使用。

维护困难：随着项目的增长，大量的HTML、CSS和JavaScript代码可能会变得难以维护和扩展。

浏览器兼容性问题：不同的浏览器对HTML和CSS的支持程度不同，这可能导致跨浏览器的兼容性问题。

SEO优化困难：如果HTML结构设计不当，可能会影响搜索引擎优化（SEO），从而影响网站的可见性。

性能问题：大量的HTML标记和复杂的DOM结构可能会导致页面加载速度变慢，影响用户体验。

安全性问题：如果HTML中包含不安全的代码或链接，可能会引发跨站脚本攻击（XSS）或其他安全问题。

为了解决这些问题，现代Web开发采用了多种技术和最佳实践，如使用CSS进行样式设计，使用JavaScript实现动态交互，以及使用现代框架和工具来提高开发效率和维护性。此外，Web标准也在不断更新，以支持更先进的功能和更好的用户体验。

4.1.3 CSS的特点和优势
CSS（层叠样式表）是用于描述HTML或XML文档的样式的标记语言，它具有以下特点和优势：

内容与表现分离：CSS允许将文档的内容（HTML）与文档的表现（CSS）分离，提高了代码的可维护性和可读性。

样式复用：通过定义类选择器和ID选择器，可以轻松地在多个元素或页面之间复用样式。

响应式设计：CSS的媒体查询功能使得开发者能够为不同的设备和屏幕尺寸创建响应式设计。

动态样式应用：CSS可以与JavaScript结合使用，实现动态的样式变化和交互效果。

丰富的视觉格式化选项：CSS提供了丰富的属性来控制字体、颜色、间距、边框、背景和其他视觉效果。

盒模型：CSS的盒模型提供了灵活的布局方式，包括内边距、边框和外边距。

定位和布局：CSS提供了多种定位技术，包括相对定位、绝对定位、固定定位和静态定位，以及现代的Flexbox和Grid布局系统。

伪类和伪元素：CSS的伪类和伪元素允许开发者为页面元素的不同状态或部分定义特定的样式。

过渡和动画：CSS提供了过渡（transitions）和动画（animations）功能，使得创建平滑的视觉效果变得简单。

易于维护：CSS的层叠和继承特性使得样式表易于维护和更新。

性能优化：通过合理使用CSS，可以减少HTTP请求，提高页面加载速度。

跨浏览器兼容性：现代CSS的编写通常考虑了跨浏览器兼容性，确保样式在不同浏览器中表现一致。

可访问性：通过合理使用CSS，可以提高网站的可访问性，使其对所有用户，包括残障用户更加友好。

易于学习：CSS具有相对简单的语法，易于学习和使用。

社区和资源：CSS有一个庞大的开发者社区和丰富的在线资源，包括教程、工具和框架。

预处理器支持：CSS可以通过预处理器如Sass、Less等进行扩展，提供变量、混合、函数等高级功能。

样式表的压缩：CSS文件可以被压缩，减少文件大小，加快加载速度。

样式表的缓存：浏览器可以缓存样式表，减少重复加载相同样式表的次数。

CSS框架：有许多成熟的CSS框架（如Bootstrap、Foundation）提供了一套预定义的样式和组件，加速开发过程。

Web标准的一部分：CSS是Web标准的一部分，与HTML和JavaScript等其他Web技术协同工作。

CSS的这些特点和优势使其成为Web开发中不可或缺的一部分，它为创建丰富、动态和响应式的网页提供了强大的工具。

4.1.4 CSS的编写规则
编写CSS时，遵循一些基本规则和最佳实践可以帮助你创建更加清晰、高效和可维护的样式表。以下是一些关键的CSS编写规则：

使用语义化的类名：避免使用如.red、.blue这样的描述性类名，而应该使用更具语义的类名，如.error、.success。

避免过度使用ID选择器：ID在页面中应该是唯一的，因此应该谨慎使用。通常，类选择器更适合样式定义。

使用有意义的选择器：选择器应该清晰地表达样式应用的上下文。

避免使用行内样式：行内样式会破坏内容与表现的分离，应该通过外部或内部样式表来定义样式。

使用CSS重置或归一化：为了减少浏览器默认样式的差异，可以使用如Eric Meyer的CSS重置或Normalize.css。

保持样式表的组织性：逻辑地组织CSS规则，例如，按模块或组件组织，或者按照在HTML文档中出现的顺序。

使用CSS预处理器：如Sass或Less，它们提供了变量、混合、函数等高级功能，有助于提高CSS的可维护性。

避免使用!important声明：过度使用!important会破坏CSS的自然层叠规则，应该寻找其他解决方案。

使用简写属性：当可能时，使用简写属性，如margin、padding、font等，以减少代码量。

使用相对单位：使用像em、rem、vw、vh这样的相对单位，而不是像px这样的绝对单位，以提高响应式设计。

利用CSS的继承特性：合理利用继承可以减少代码量，提高效率。

使用媒体查询进行响应式设计：通过媒体查询为不同的屏幕尺寸和设备类型提供不同的样式。

避免过度嵌套：过度嵌套的选择器会增加CSS的复杂性和特异性，使得样式更难重用和维护。

注释你的代码：适当的注释可以帮助你和其他人理解代码的意图和结构。

使用CSS框架：考虑使用Bootstrap、Foundation等CSS框架，它们提供了一套预定义的样式和组件。

编写可维护的CSS：避免编写过于复杂或过于具体的样式，这会使得未来的维护变得困难。

使用CSS变量：CSS变量（也称为自定义属性）可以提高样式表的可维护性。

优化性能：避免使用过多的复杂选择器和高开销的属性，如box-shadow和filter，它们可能会影响性能。

考虑可访问性：编写CSS时，考虑不同用户的需求，确保网站对所有用户都是可访问的。

测试跨浏览器兼容性：确保你的CSS在所有目标浏览器中都能正确工作。

遵循这些规则，可以帮助你编写出更加清晰、高效和可维护的CSS代码。

4.2 CSS语法基础
CSS是一种用于控制网页布局、颜色、字体和其他视觉元素的样式表语言。

4.2.1 CSS基本语法
CSS的基本语法包括以下几个核心部分：

选择器：用来指定要样式化的HTML元素。

p {
  /* CSS规则 */
}
大括号：包含一组声明。

p {
  color: blue;
  font-size: 16px;
}
声明：由属性和值组成。

color: blue;
font-size: 16px;
属性：指定要应用的CSS属性。

color
font-size
值：属性的设置值

blue
16px
分号：每个声明的末尾都有一个分号。

color: blue;
CSS规则：选择器和声明块的组合。

p {
  color: blue;
  font-size: 16px;
}
注释：以 /* 开始，以 */ 结束。

/* 这是一个注释 */
媒体查询：允许针对不同的屏幕尺寸和特性应用不同的样式。

@media (max-width: 600px) {
  p {
    font-size: 14px;
  }
}
CSS单位：用于指定长度、颜色、时间等的单位。

font-size: 16px; /* 像素 */
color: #333333; /* 十六进制颜色 */
transition: all 0.3s ease; /* 时间单位 */
简写属性：允许在单个声明中设置多个属性。

margin: 10px 20px; /* 上下10px，左右20px */
background: #fff url(image.jpg) no-repeat center; /* 背景颜色、图片、不重复、居中 */
层叠：当多个规则冲突时，根据来源、特异性和重要性来决定哪个规则生效。

继承：某些CSS属性可以由父元素传递给子元素。

这些是CSS编写时的基本语法规则。

4.2.2 CSS选择器类型
CSS的基本语法包括以下几个核心部分：

选择器：用来指定要样式化的HTML元素。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>class 选择器</title>
		<style type="text/css">
			p{
				color: blue;
				font-size: 28px;
			}
			.red{
				color: red;
				font-size: 18px;
			}
			.green{
				color: green;
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<p>class 选择器与标记选择器</p>
		<p class="red">class选择器1</p>
		<p class="green">class选择器2</p>
		<h3 class="green">h3同样适用</h3>
	</body>
</html>

4.2.3 CSS选择器声明
在CSS中，选择器声明是指将选择器与一组CSS规则结合起来，以指定一个或多个HTML元素的样式。以下是如何编写CSS选择器声明的基本格式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#green{
				font-size:30px;
				color: #009900;
			}
		</style>
	</head>
	<body>
          <p id="green">ID选择器1</p>	
	</body>
</html>

 

 4.3 CSS的引入方式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>内联样式表</title>
        </head>
    <body>
         <p style="color:#FF0000; font-size: 20px; text-decoration: underline;">正文内容1</p> 
             <p style="color: #000000; font-size: italic;">正文内容2</p>
             <p style="color: #FF00FF; font-size: 25px; font-weight: bold;">正文内容3</p>
             <p>这段话没有内联样式</p>
    </body>
</html>

 

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>链接外部样式表</title>
		<link  href="4-5.css" type="text/css" rel="stylesheet"/>
	</head>
	<body>
		<h2>CSS标题</h2>
		<p>这是正文内容...>
		<h2>CSS标题</h2>
		<p>通过link标签将外部样式表4-5.css链接到HTML文档中</p>
	</body>
</html>

 

4.3.2 内部样式表
内部样式表是定义在HTML文档内部的<style>标签中的CSS代码。通常，这些样式被放在文档的<head>部分，这样在页面加载时，样式就已经被定义好了。

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>导入外部样式表</title>
		<style type="text/css">
			@import url("4-5.css");
		</style>
	</head>
	<body>
		<h2>CSS标题</h2>
		<p>这是正文内容</p>
		<h2>CSS标题</h2>
		<p>通过style标签将外部样式表4-5.css链接到HTML文档中</p>
	</body>
</html>

4.4  CSS的属性单位
4.4.1 长度、百分比单位
CSS中，长度和百分比单位是用来定义尺寸、间距、位置等属性的值。以下是一些常用的长度单位和百分比单位：

4.4.2 色彩单位
在CSS中，颜色可以通过多种方式指定，每种方式都有其特定的用途和上下文。以下是常用的一些CSS颜色单位：

1. 颜色名
CSS 提供了一套预定义的颜色名，如 red、blue、green 等。

body {
  color: red;
  background-color: lightblue;
}
2. 十六进制颜色码（Hex Color）
十六进制颜色码是一种常用的颜色表示方法，以 # 开头，后跟六个十六进制数字，表示红、绿、蓝各颜色通道的值。

body {
  color: #000000; /* 黑色 */
  background-color: #FFFFFF; /* 白色 */
}
也可以简写为三个十六进制数字，如果每个通道的两位数字相同的话：

body {
  color: #000; /* 黑色 */
  background-color: #FFF; /* 白色 */
}
3. RGB 颜色
RGB 表示红绿蓝三种颜色的组合，通过 rgb() 函数指定每种颜色的强度，范围从 0 到 255。

body {
  color: rgb(255, 0, 0); /* 红色 */
  background-color: rgb(0, 255, 0); /* 绿色 */
}
也可以使用百分比来指定颜色强度：

body {
  color: rgb(100%, 0%, 0%); /* 红色 */
  background-color: rgb(0%, 100%, 0%); /* 绿色 */
}
4. RGBA 颜色
RGBA 是 RGB 的扩展，增加了 alpha 通道来定义颜色的透明度。

body {
  background-color: rgba(255, 0, 0, 0.5); /* 半透明红色 */
}
5. HSL 颜色
HSL 颜色模型表示色调（Hue）、饱和度（Saturation）、亮度（Lightness）。

body {
  background-color: hsl(240, 100%, 50%); /* 蓝色 */
}
6. HSLA 颜色
HSLA 是 HSL 的扩展，同样增加了 alpha 通道定义透明度。

body {
  background-color: hsla(240, 100%, 50%, 0.5); /* 半透明蓝色 */
}
7. 透明度
透明度也可以直接通过 opacity 属性设置，其值范围从 0（完全透明）到 1（完全不透明）。

.element {
  opacity: 0.5; /* 半透明 */
}
8. transparent 关键字
表示完全透明。

body {
  background-color: transparent;
}
示例
/* 颜色名 */
h1 {
  color: green;
}
 
/* 十六进制 */
div {
  background-color: #3498db;
}
 
/* RGB */
p {
  color: rgb(102, 204, 0);
}
 
/* RGBA */
span {
  color: rgba(255, 255, 255, 0.5);
}
 
/* HSL */
header {
  background-color: hsl(180, 50%, 50%);
}
 
/* HSLA */
footer {
  background-color: hsla(240, 100%, 50%, 0.5);
}
 
/* 透明度 */
.overlay {
  opacity: 0.8;
}
 
/* 透明 */
.transparent-bg {
  background-color: transparent;
}

4.5 CSS继承与层叠 
CSS的继承和层叠是两种核心机制，它们共同定义了样式如何应用到HTML文档的各个元素上。

继承（Inheritance）
继承是指CSS属性值从父元素传递到子元素的过程。某些CSS属性是可继承的，这意味着这些属性的值可以从一个元素传递给其所有子元素。继承主要适用于文本相关的属性。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>继承关系演示</title>
		<style>
			h1{
				color:blue;                /*颜色*/
				text-decoration:underline; /*下划线*/
			}
			em{
				color:red;                 /*颜色*/
			}
		</style>
	</head>
	<body>
		<h1>学习<em>web开发</em></h1>
		<p>如果您有任何问题，欢迎联系我们</p>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS层叠</title>
		<style type="text/css">
			p{
				color:green;
			}
			.red{
				color:red;
			}
			.purple{
				color:purple;
			}
			#line3{
				color:blue;
			}
		</style>
	</head>
	<body>
		<p>这是第1行文本</p>
		<p class="red">这是第2行文本</p>
		<p id="line3" class="red">这是第3行文本</p>
		<p stely="color:orange; "id="line3">这是第4行文本</p>
		<p class="purple red">这是第5行文本</p>
		
	</body>
</html>

 

4.6 元素类型 
当然，让我们更详细地探讨CSS选择器的类型以及它们在实际应用中的使用方式。

1. 标签选择器（Type Selector）
标签选择器根据HTML元素的类型选择元素。例如，要为文档中的所有段落文本设置蓝色文本，可以使用：

4.7综合案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>开平碉楼</title>
		<link type="text/css" rel="stylesheet" href="css/z4.css"/>
	</head>
	<body>
		<div id="content">
		
		<h2 class="biaoti">开平碉楼申遗大事记</h2>
		
		<hr color="#d3b175" size="5"/>
		
		<img src="img/微信图片_20240930114829.jpg"/>
		
		<p class="tx1">2000年,开平成立申遗小组</p >
		
		<p>2000年2月,从国务院信访局到开平挂市委常委职务的李玫同志在香港侨团团拜会上向胡耀坤、吴荣治等侨领首次提出将开平碉楼申报为世界文化遗产
		
		2020年10月30日,开平市成立"开平碉楼"申报世界文化遗产领导小组.领导小组下设办公室,分整治组、资料组、宣传组.
		
		</p >
		
		<p class="tx1"></p >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>