4.1 CSS概述
CSS是用于简化HTML标签,把关于样式部分的内容提取出来,进行单独地控制,使结构与样式分离式开发。对页面布局等的控制也更加精确,同时能够实现内容和表现的分离, 使得网站的设计风格趋向统一、维护更加容易,并且能够被多种浏览器支持。
4.1.1.CSS的基本概念
CSS全称为“Cascading Style Sheet”,中文解释为“层叠样式表”,它是以HTML为础,设置网页的外观显示样式,如字体、颜色、背景的控制及整体的布局等,还可以针对不同的浏览器设置不同的样式。在网页设计时采用CSS技术,可以有效地对页面的布局、体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,可以改变同一页面的不同部分效果,也可以改变同一个网站中不同网页的外观和格式。
4.1.2传统HTML的缺点
1.维护困难
售子修政集个特殊标记的格式,需要花责很多的时间,尤其对于整个网法面言,后局散和维护的成本很高。
2.标记不足
自身的标记并不丰富,很多标记都是为网页内容服务的,而美于类工的标记,例蚊字间距、段落缩进等,这些HTML中都很难找到。
3.网页过“胖”
由于对各种风格样式没有统一进行控制,用HTML编写的页面往往是体积过大,占用了很多宝贵的带宽。
4.定位困难
在整体页面布局时,HTML对于各个模块的位置调整很困难。
4.1.3.CSS的特点和优势
1.表现和内容分离
CSS通过定义HTML标记如何显示控制网页的格式,使得页面内容和表现分离,简化了网页格式设计,也使得对网页格式的修改更方便。
2.增强了网页的表现力
CSS样式属性提供了比HTML更多的格式设计功能。例如,可以通过CsS样式去掉网页中超链接的下划线,甚至可以为文字添加阴影效果等。
3.使整个网站显示风格趋于统一
将CSS样式定义到样式表文件中,然后在多个网页中同时应用样式表文件中的样式就可以确保多个网页具有一致的格式,并且可以随时更新样式表文件,实现目动更新多个网页的格式功能,从而大大降低网站的开发与维护的成本。
4.1.4.CSS的编写规则
1.目录结构命名规则
存放CSS样式文件的目录一般命名为style或css。
2.样式文件的命名规则
在项目初期,会把不同类别的样式放于不同的CSS文件,是为了CSS编写和调试的方便;在项目后期,为了网站性能上的考虑,会将不同的CSs文件整合到一个CSS文件中, 这个文件一般命名为style.css或css.css。
3.选择器的命名规则
所有选择器必须由小写英文字母或下划线组成,必须以字母开头,不能为纯数字。设计者要用有意义的单词或缩写组合来命名选择器,做到“见名知义”。
4.CSS代码注释
注释有助于记住复杂的样式规则的作用、应用的范围等,便于样式规则的后期维护和应用。CSS注释以字符“/*”开始,以字符“*/”结束。
代码缩进可以保证CSS代码的清晰可读。在实际应用中,可以按一次Tab键来缩进选择器,按两次Tab键来缩进声明和结束大括号。这样的排版规则便于查询,避免代码混乱。
4.2 CSS语法基础
CSS控制页面是通过CSS规则实现的,CSS规则由选择器和声明组成,声明由属性和属性值对组成。CSS提供了丰富的选择器类型,包括标记选择器、类选择器、id选择器及伪类选择器等,能够灵活地对整个页面、页面中的某个标记或一类标记进行样式设置。
4.2.1.CSS基本语法
1.基本语法
CSS就是一个包含一个或多个规则的文本文件,CSS规则由两个主要的部分构成:选择器(Selector选择器)和声明(Declaration)。
选择器通常是需要改变样式的HTML元素。
声明由一个或多个属性与属性值对组成。属性是CSS的关键字,如font-family (字体)color(颜色)和 border(边框)等,属性用于指定选择器某一方面的特性,而属性值则用于指定选择器的特性的具体特征。
selector{ propertyl: valuel; property2: value2; property3: value3...}
选择器属性{属性值1;属性2:属性值2:属性3:属性值3:...}
2.语法说明
(1)选择器。选择器可以是HTML标记名称或者属性的值,也可以是自定义的标识符。
(2)属性/属性值对。“属性:属性值”必须一一对应,属性与属性值之间必须用“:" 连接,每个属性/属性值对之间用分号(;)隔开。
(3)属性。在CSS 中对属性命名与脚本语言中有一点不同,即属性名称的写法,在CSS中,凡是属性名为两个或两个以上的单词构成时,单词之间以连词符号(-)分隔。 在脚本语言中,属性由两个以上单词构成,则从第二个单词开始向后,所有单词首字母必须大写。
(4)复合属性。在CSS中有些属性可以表示多个属性的值。如关于文字的设置,有font-family (字体)、font-size(字体大小)、font-style (字体风格),这些可以用一个属性font来表示。
(5)多个属性值。在CSS中有些属性可以设置多个属性值,用逗号(,)分隔。
4.2.2.CSS选择器类型
CSS选择器主要有4种类型:标记选择器、class选择器、ID选择器及伪类选择器等。
4.2.2.1.标记选择器
标记选择器(也可称为“元素选择器”)即直接使用HTML标记名称作为选择器。它定义的样式作用于页面中所有与选择器同名的标记。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四章 css样式基础</title>
<style>
p{
color:#0000ff;
font-size: 30px;
}
</style>
</head>
<body>
<p>这是第一个段落中的内容</p>
<p>这是第二个段落中的内容</p>
</body>
</html>
4.2.2.2.class选择器
class选择器也叫“类”选择器,可以给指定的标签设置一个class属性和 class值然后通过class选择器找到对应的标签,为其设置class值,即添加 CSS样式。使用class类选择器时,需要用英文(.)进行表示,代码如下所示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四章 css样式基础</title>
<style>
p{
color:#0000ff;
font-size: 30px;
}
.class1{
color: #ff0000;
font-size: 30px;
}
</style>
</head>
<body>
<p class="class1">这是class1段落中的内容</p>
<p class="class1">这是class1段落中的内容</p>
<p class="class2">这是class2段落中的内容</p>
</body>
</html>
优先级:p<.class
.class2没有定义选择器,所以选择p标记选择器。
4.2.2.3.ID选择器
ID选择器用来对某个单一元素定义单独的样式。ID选择器只能在HTML页面中使用一次,针对性更强。定义ID选择器时,需要在id名称前加一个“#”。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四章 css样式基础</title>
<style>
p{
color:#0000ff;
font-size: 40px;
}
.class1{
color: #ff0000;
font-size: 30px;
}
#ID1{
color: #aabbff;
font-size: 20px;
}
</style>
</head>
<body>
<p id="ID1">这里是ID1段落中的内容</p>
<p class="class1" id="ID1">优先选择谁呢</p>
</body>
</html>
优先级:p<.class<#id
4.2.2.4.伪类选择器
前面介绍的选择器都是能够与HTML中具体标记对应的,但是像段落的第1行,超链接访问前与访问后等,就没有HTML标记与之对应, 也没有简单的CSS选择器应用,为此CSS 引进了伪类选择器。
伪类名 | 说明 |
link | 用于可以设置未被访问的链接样式 |
visited | 用于设置已经被访问的链接样式 |
hover | 用于设置将鼠标悬浮在链接上的样式 |
active | 用于设置鼠标点击链接时到鼠标松开的样式 |
focus | 用于设置用键盘将焦点放在链接上时的样式 |
first-child | 设置第一个标记的样式 |
lang | 设置具有lang属性的标记的样式 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四章 css样式基础</title>
<style>
a:link{
color: #aabbff;
font-size: 30px;
}
a:visited{
color: #9955ff;
font-size: 30px;
}
a:hover{
color: #229955;
font-size: 30px;
}
</style>
</head>
<body>
<a href="https://baidu.com">百度一下</a>
</body>
</html>
4.2.3.CSS选择器声明
在声明各种CsS选择器时,如果某些选择器的风格是完全相同的,或者部分相同,都可以使用集体声明的方法,用“,”分隔多个选择器,对风格相同的CsS选择器同时声明。
4.2.3.1.集体生明
集体声明代码如下:
h3, h4,h5,p{color; red;font-size: 18px;}
4.2.3.2.全局声明
对于实际网站中的一些小型页面,例如弹出的小对话框和上传附件的小窗口等,希望这些页面中所有的标记都使用同一种CSS样式,但又不希望通过逐个加入集体声明列表的方式。这时可以利用全局声明符号“*”,代码如下:
*/ {
color: red;
font-size: 18px;
}
集体声明和全局声明的综合案例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四章 css样式基础</title>
<style>
/*全局声明*/
*{
font-family: fangsong;
}
/*集体声明*/
.class1,h1{
color: #aabbcc;
font-weight: bold;
}
</style>
</head>
<body>
<p >这是第一段落中的内容</p>
<h1>这是h1段落中的内容</h1>
<p class="class1">这是class1段落中的内容</p>
</body>
</html>
4.2.3.3派生选择器(上下文选择器)
另外,根据标记所在位置的上下文关系来定义样式,可以使标记更加简洁,派生选择器允许根据文档的上下文关系来确定某个标记的样式。通过合理地使用派生选择器,可以使CSS代码变得更加整洁。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四章 css样式基础</title>
<style>
li strong{font-style: italic;font-weight: normal;}
strong{font-weight: bold;}
</style>
</head>
<body>
<p><strong>我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用</strong></p>
<li><strong>我是斜体字,这是因为strong元素位于li标记内</strong></l1>
<p class="class1">我是正常的字体</p>
</body>
</html>
4.3 CSS引入方式
CSS按其位置可以分为4种:内联样式表(Inline Style Sheet)、内部样式表(IntemnalStyle Sheet)、链接外部样式表(Link External Style Sheet)以及导人外部样式表(ImportExternal Style Sheet).
4.3.1.内联样式表(行内样式表)
内联样式表的CSS规则写在首标记内,只对所在的标记有效,几乎任何一个HTML标记上都可以设置style属性,属性值可以包含CSS规则的声明,不包含选择器。
1.基本语法
<标记 style="属性1:属性值1;属性2:属性值2:..">修饰的内容</标记>
2.语法说明:
(1)标记是指HTML标记,如p,hl和 body等标记;
(2)标记的style定义的声明只对自身起作用;
(3)style属性的值可以包含多个声明,每一声明之间用“,”分隔;
(4)标记自身定义的style样式优先于其他所有样式定义。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第四章 css样式基础</title>
</head>
<body>
<p style="color: #ff0000;font-size: 20px;text-decoration: underline;">正文内容1</p>
<p style="color: #000000;font-style: italic;">正文内容2</p>
<p style="color: #ff00ff;font-size: 25px;font-weight: bold;">正文内容3</p>
<p>此段无内联样式</p>
</body>
</html>
4.3.2.内部样式表
内部样式表写在HTML的<head></head>里面,只对所在的网页有效。使用<style> style>标记对来放置CSS规则。
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个选择器,再定义声明部分。 属性和属性值之间用冒号连接,“属性/属性值”对之间用分号分隔。
在CSS选择器类型的案例都是内部样式表的案例,如有需要往上翻。
4.3.3.外部样式表
1.链接外部样式表
链接式是将所有的样式放在一个或多个以“.css”为扩展名的外部样式表中,通过网页的<head></head标签中使用<link>标记将外部样式表文件链接到HTML文档中。
(1).基本语法:
<link rel="stylesheet" href="css/index.css" type="text/css"/>
(2)语法说明:
这里面涉及3个属性,rel=" stylesheet"规定当前文档与被链接文档之间的关系。type=" text/Css"规定被链接文档的MIME类型。href="mystyle.css"规定被链接文档的位置,只需要记住这个固定写法即可。
2.导入外部样式表
导人式是将一个独立的CSS文件导入HTML文档中,其是在HTML文档< head>中应用< style>标签,并在< style>标签中的开头处用@ import语句,即可导入外部样式表文件。
(1)基本语法:
<style type=" text/css">
@import url("CSS文件路径"); /*此处还可以存放其他CSS样式*/
</style>
(2)语法说明:
导人样式表必须在style标记内开头的位置定义,可以同时导入多个外部样式表,每条语句必须以";"结束。一般导入外部样式写在最前面,内部样式写在后面。
4.4 CSS的属性单位
4.4.1.长度、百分比单位
1.相对类型
其指以该属性的前一个属性的单位值为基础来完成目前的设置,在浏览器内常用且支持的两种长度单位是以相对类型出现的。如用cm(当前字母中,字母的宽度)作为属性单位时,将会依据父元素的font-size属性,如果没有父元素,则参考浏览器的默认值字号。
2.绝对类型
绝对类型所使用的单位不会随着显示设备的不同而改变,也就是当属性值使用绝对单位时,不论在哪种设备上显示都是一样的,例如屏幕上的lcm与打印机上的1cm是一样长的。 表4-3为浏览器支持的绝对类型的长度单位。
常用长度单位
类型 | 长度单位 | 说明 |
绝对类型 | in | 英寸Inches(1英寸=2.54厘米) |
cm | 厘米Centimeters | |
mm | 毫米Millionaires | |
pt | 点Points(1点=1/72英寸) | |
pc | 皮卡Picas(1皮卡=12点) | |
相对类型 | em | 元素的字体高度The height of the element‘s font |
ex | 字母x的高度The height of the letter“x” | |
px | 像素Pixels | |
% | 百分比Percentage |
需要注意的是,不管使用哪种单位,在设置的时候数值与单位之间不需要加空格。
4.4.2.色彩单位
1.用十六进制数方式表示色彩值
在计算机中,定义每种色彩的强度范围为0~255。当所有色彩的强度都为0时,将产黑色:当所有色彩的强度都为255时,将产生白色。
在HTML中,使用RGB概念指定色彩时,前面是一个“#”号,再加上6个十六进制好字表示。
div {color: #FF0000;}
如果每个参数各自在两位上的数字都相同,也可缩写为#RGB的方式。例如#сс9900 可以缩写为#c90。
2.用色彩名称方式表示色彩值
在CSS中也提供了与HTML一样的用色彩英文名称表示色彩的方式。
名称 | 颜色 |
black | 黑色 |
blue | 浅蓝 |
teal | 靛青 |
red | 大红 |
olive | 褐黄色 |
white | 白色 |
silver | 浅灰 |
green | 深绿 |
aqua | 天蓝 |
purple | 深紫 |
yellow | 明黄 |
navy | 深蓝 |
lime | 浅绿 |
maroon | 深红 |
fuchsia | 品红 |
gray | 深灰 |
3.使用RGB(x,y,z)函数表示
x、y、z、分别是红色、绿色、蓝色的值,x,y,z∈ [0,225],亦可用百分比表示;对比rgba(x,y,z, a)中a是alpha通道设置透明度取值0~1。
4.5.CSS继承与层叠
CSS继承即子标记会继承父标记的所有样式风格,并且可以在父标记样式风格的基础上
再加以修改,产生新的样式,而子标记的样式风格完全不影响父标记,值得注意的是,并不
是所有的属性都会自动传给子元素,有的属性不会继承父标记的属性值,例如边框属性就是
非继承的。
CSS规定如下优先级为:行内样式>id样式>class样式>标记样式。
1.继承示例
<!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>
2.层叠示例
<!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><!--id>class>p-->
<p style="color: orange;" id="line3">这是第4行文本</p><!--行内样式style生效-->
<p class="purple">这是第5行文本</p>
</body>
</html>
4.6 元素类型
1.块级元素(display:block)
display 属性设置为block将显示块级元素,块级元素的宽度为100%,而且后面隐藏附带有换行符,使块级元素始终占据一行,如<div>常常被称为块级元素,这意味着这些元素显示为一块内容,标题、段落、列表、表格、分区div和body等元素都是块级元素。
2.行级元素(display:inline)
行级元素也称内联元素,display 属性设置为inline将显示行级元素,元素前后没有换行符,行级元素没有高度和宽度,因此也就没有固定的形状,显示时只占据其内容的大小超接、图像、范围(span)、表单元素等都是行级元素。
3.列表项元素(display:list-item)
list-—item 属性值表示列表项目,其实质上也是块状显示,是一种特殊的块状类型,它加
了缩进和项目符号。
4.隐藏元素(display:none)
none 属性值表示隐藏并取消盒模型,所包含的内容不会被浏览器解析和显示。通过把
display 设置为none,该元素及其所有内容就不再显示,也不占用文档中的空间。
4.7 综合案例——开平碉楼申遗大事记
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开平碉楼</title>
<link type="text/css" rel="stylesheet" href="css/index.css"/>
</head>
<body>
<div id="content">
<h2 class="biaoti">开平碉楼申遗大事记</h2>
<hr color="#D3B175"size="5"/>
<img src="img/d.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>
CSS文件代码参考
*{
width:1024px;
margin-left:auto;
margin-right:auto;
}
.biaoti{
font-family:"微软雅黑";
text-align:center;
}
#content{
text-indent:2em;
font-family:"微软雅黑";
font-size:18px;
}
.tx1{
font-weight:bold;
font-family:"黑体";
font-size:24px;
color: #8B4513;
background-color: #D3B175;
line-height:200%;
}
#t1{
color:#333;
text-align: right;
}