传统文化登录:
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>登录</title> | |
<link rel="stylesheet" href="./css/base.css"> | |
<link rel="stylesheet" href="./css/index.css"> | |
</head> | |
<body> | |
<!-- 背景 --> | |
<div class="banner"> | |
<!-- 登录 --> | |
<div class="dl"> | |
<form action=" "> | |
<h2>账号登陆</h2> | |
<label for=""><strong>账号:</strong><input type="text" placeholder="请输入您的帐号"></label> | |
<br> | |
<label for=""><strong>密码:</strong><input type="password" placeholder="请输入您的密码"></label> | |
<!-- 按钮 --> | |
<div class="an"> | |
<a href="./代码/首页.html"><button type="button">登录</button></a> | |
<button type="reset">重置</button> | |
</form> | |
</div> | |
</div> | |
</body> | |
</html> |
首页:
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>首页</title> | |
<link rel="stylesheet" href="../css/base.css"> | |
<link rel="stylesheet" href="../css/首页.css"> | |
</head> | |
<body> | |
<!-- 头部区域 --> | |
<div class="header"> | |
<div class="wrapper"> | |
<!-- loge --> | |
<div class="logo"> | |
<h1><a href="./首页.html">传统文化</a></h1> | |
</div> | |
<!-- 导航 --> | |
<div class="nav"> | |
<ul> | |
<li><a href="./首页.html" class="active">首页</a></li> | |
<li><a href="./国画.html">国画</a></li> | |
<li><a href="./书法.html">书法</a></li> | |
<li><a href="./传统节日.html">传统节日</a></li> | |
<li><a href="./龙与传统纹样.html">龙与传统纹样</a></li> | |
</ul> | |
</div> | |
<!-- 搜素 --> | |
<div class="search"> | |
<input type="text" placeholder="请输入关键词"> | |
<a href="#"></a> | |
</div> | |
<!-- 用户 --> | |
<div class="user"> | |
<a href="../index.html"> | |
<img src="../其他/user.png" alt=""> | |
<span>一曲清歌叹红尘</span> | |
</a> | |
</div> | |
</div> | |
</div> | |
<!-- banner区域 --> | |
<div class="banner"> | |
<div class="wrapper"> | |
<div class="left"> | |
<ul> | |
<li><a href="./首页.html">首页</a></li> | |
<li><a href="./国画.html">国画</a></li> | |
<li><a href="./书法.html">书法</a></li> | |
<li><a href="./传统节日.html">传统节日</a></li> | |
<li><a href="./龙与传统纹样.html">龙与传统纹样</a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
<!-- 介绍区域 --> | |
<div class="recommend wrapper"> | |
<!-- 传统文化 --> | |
<div class="bd1"> | |
<div class="left"> | |
<img src="../其他/戏曲.jpg" alt=""> | |
</div> | |
<div class="right"> | |
<h3>传统文化</h3> | |
<p>中华文化,或称中国传统文化、中华传统文化、华夏文化、中华古文化、中国古代文化、国学 | |
(一般研究中华文化的外国人称为“汉学家”,而中国人研究中华文化多称“国学大师”) , | |
是指以中原文化为基础不断演化、发展而成的中华特有文化 。中华文化包含了 | |
民俗、<a href="#">国画</a>、<a href="#">书法</a>、<a href="#">龙与传统纹样</a> 、茶道、文人字画等。在长期的历史发展中, | |
中国形成了多元一体的中华文化格局 。</p> | |
<p>中华文化历经千年以上的时间历史演变,相传经历了有巢氏、燧人氏、伏羲氏、神农氏(炎 | |
帝) 、黄帝(轩辕氏)、尧、舜、禹等时代 ,到中国第一个国家夏朝建立发展,一个拥有 | |
灿烂文化的中国,带着丰富多彩的文化元素屹立在世界东方。首个以中华文化为主要研究 | |
对象的国际学术组织是1921年由厉麟似在德国创办的景星学社。当前,中华文化正在通过 | |
网络等方式,传播至世界各地。</p> | |
</div> | |
</div> | |
<!-- 国画 --> | |
<div class="bd2"> | |
<div class="left"> | |
<h3>国画</h3> | |
<p>国画一词起源于汉代,主要指的是画在绢、宣纸、帛上并加以装裱的卷轴画。国画是中国的传统绘画形式,是用毛笔蘸水、墨、彩作画于绢或纸上。工具和材料有毛笔、 | |
墨、国画颜料、宣纸、绢等,题材可分人物、山水、花鸟等,技法可分具象和写意。中国画在内容和艺术创作上,体现了古人对自然、社会及与之相关联的政治、哲学、 | |
宗教、道德、文艺等方面的认知。</p> | |
<p>中国画主要分为人物、花鸟、山水这几大类。表面上,中国画是以题材分为这几类,其实是用艺术表现一种观念和思想。所谓“画分三科”,即概括了宇宙和人生的三个 | |
方面:人物画所表现的是人类社会,人与人的关系;山水画所表现的是人与自然的关系,将人与自然融为一体;花鸟画则是表现大自然的各种生命,与人和谐相处。中国画 | |
之所以分为人物、花鸟、山水这几大类,其实是由艺术升华的哲学思考,三者之合构成了宇宙的整体,相得益彰,是艺术之为艺术的真谛所在</p> | |
</div> | |
<div class="right"> | |
<img src="../images/国画.jpg" alt=""> | |
</div> | |
</div> | |
<!-- 传统节日 --> | |
<div class="bd3"> | |
<div class="left"> | |
<img src="../images/春节.jpg" alt=""> | |
</div> | |
<div class="right"> | |
<h3>传统节日</h3> | |
<p>中国传统节日,是中华民族悠久历史文化的重要组成部分,形式多样、内容丰富。传统节日的形成,是一个民族或国家的历史文 | |
化长期积淀凝聚的过程。</p> | |
<p>中华民族的古老传统节日,涵盖了原始信仰、祭祀文化、天文历法、易理术数等人文与自然文化内容,蕴含着深邃丰厚的文化内 | |
涵。从远古先民时期发展而来的中华传统节日,不仅清晰地记录着中华民族先民丰富而多彩的社会生活文化内容,也积淀着博大精深 | |
的历史文化内涵。</p> | |
<p>另外,二十四节气当中,也有个别既是自然节气点也是传统节日,如:清明、冬至等,这些节日兼具自然与人文两大内涵,它们 | |
既是自然节气点,也是传统节日。</p> | |
</div> | |
</div> | |
<!-- 龙与传统纹样 --> | |
<div class="bd4"> | |
<div class="left"> | |
<h3>龙与传统纹样</h3> | |
<p>龙,是中国古代神话中的动物,为鳞虫之长,是中华民族的象征之一。相传龙能飞行,擅变化,会呼风唤雨等,与凤凰、麒麟等并列为祥瑞,古代主要寓意皇权;神话故事有画龙点睛、哪吒闹海、日月潭等。《氏族典》中提到:“祖龙,老龙也。”而“老龙”即应龙,所以应龙是“龙之始祖”。又因为应龙背上长有双翼,而有辅翼者,才可以算得上是“真龙”。</p> | |
<p>尔雅翼》记载“角似鹿、头似驼、眼似兔、项似蛇、腹似蜃、鳞似鱼、爪似鹰、掌似虎、耳似牛” ;《论衡》记载“世俗画龙之象,马首蛇身” ;《广雅》记载,龙有蛟龙、应龙、虬龙、螭龙四种。</p> | |
<p><p>传统纹样:从原始社会简单的纹样到奴隶社会简洁、粗犷的青铜器纹饰,再到封建社会精美繁复的花鸟虫鱼、飞鸟走兽、吉祥图案纹样,都凝聚着相应时期独特的艺术审美观。</p></p> | |
</div> | |
<div class="right"> | |
<img src="../images/龙与传统纹样.jpg" alt=""> | |
</div> | |
</div> | |
<!-- 书法 --> | |
<div class="bd5"> | |
<div class="left"> | |
<img src="../images/书法.jpg" alt=""> | |
</div> | |
<div class="right"> | |
<h3>书法</h3> | |
<p>书法是中国及深受中国文化影响过的周边国家和地区特有的一种文字美的艺术表现形式。包括汉字书法、蒙古文书法、阿拉伯书法和英文书法等。其“中国书法”,是中国汉字特有的一种传统艺术。</p> | |
<p>从广义讲,书法是指文字符号的书写法则。换言之,书法是指按照文字特点及其含义,以其书体笔法、结构和章法书写,使之成为富有美感的艺术作品。汉字书法为汉族独创的表现艺术,被誉为:无言的诗,无形的舞;无图的画,无声的乐等。</p> | |
</div> | |
</div> | |
</div> | |
<!-- 页脚 --> | |
<div class="footer"> | |
<div class="underline"></div> | |
<div class="wrapper"> | |
<div class="left"> | |
<a href="中国传统文化(混剪)_哔哩哔哩_bilibili" target="_blank">中华民族有着五千年的文明史,我们要坚定文化自信,传承和发扬中华民族的优秀传统文化,为中华民族的伟大复兴而努力奋斗!</a> | |
</div> | |
<div class="right"> | |
<a href="../index.html">作者:郑州财税金融职业学院app开发2班曹玉祥</a> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
书法设计:
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>书法</title> | |
<link rel="stylesheet" href="../css/base.css"> | |
<link rel="stylesheet" href="../css/书法.css"> | |
</head> | |
<body> | |
<!-- 头部区域 --> | |
<div class="header"> | |
<div class="wrapper"> | |
<!-- loge --> | |
<div class="logo"> | |
<h1><a href="./首页.html">传统文化</a></h1> | |
</div> | |
<!-- 导航 --> | |
<div class="nav"> | |
<ul> | |
<li><a href="./首页.html">首页</a></li> | |
<li><a href="./国画.html">国画</a></li> | |
<li><a href="./书法.html" class="active">书法</a></li> | |
<li><a href="./传统节日.html">传统节日</a></li> | |
<li><a href="./龙与传统纹样.html">龙与传统纹样</a></li> | |
</ul> | |
</div> | |
<!-- 搜素 --> | |
<div class="search"> | |
<input type="text" placeholder="请输入关键词"> | |
<a href="#"></a> | |
</div> | |
<!-- 用户 --> | |
<div class="user"> | |
<a href="../index.html"> | |
<img src="../其他/user.png" alt=""> | |
<span>一曲清歌叹红尘</span> | |
</a> | |
</div> | |
</div> | |
</div> | |
<!-- banner区域 --> | |
<div class="banner"> | |
<div class="wrapper"> | |
<div class="left"> | |
<ul> | |
<li><a href="./首页.html">首页</a></li> | |
<li><a href="./国画.html">国画</a></li> | |
<li><a href="./书法.html">书法</a></li> | |
<li><a href="./传统节日.html">传统节日</a></li> | |
<li><a href="./龙与传统纹样.html">龙与传统纹样</a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
<!-- 书法介绍 --> | |
<div class="recomment wrapper"> | |
<!-- 书法的内涵 --> | |
<div class="bd1"> | |
<h3>书法的内涵</h3> | |
<p>1、书法是指以文房四宝为工具抒发情感的一门艺术。工具的特殊性是书法艺术特殊性的一个重要方面。借助文房四宝为工具,充分体现工具的性能,是书法技法的重要 | |
组成部分。离开文房四宝,书法艺术便无从谈起。</p> | |
<p>2、书法艺术以汉字为载体。汉字的特殊性是书法特殊性的另一个重要方面。中国书法离不开汉字,汉字点画的形态、偏旁的搭配都是书写者较为关注的内容。与其他拼 | |
音文字不同,汉字是形、音、义的结合体,形式意味很强。</p> | |
<p>古人所谓“六书”,是指象形、指事、会意、形声、转注、假借六种有关汉字造字和用字的方法,它对汉字形体结构的分析极具指导意义。</p> | |
<p>3、书法艺术的背景是中国传统文化。书法植根于中国传统文化土壤,传统文化是书法赖以生存、发展的背景。我们今天能够看到的汉代以来的书法理论,具有自己的系 | |
统性、完整性与条理性。与其他文艺理论一样,书法理论既包括书法本身的技法理论,又包含其美学理论,而在这些理论中又无不闪耀着中国古代文人的智慧光芒。比如关 | |
于书法中如何表现“神、气、骨、肉、血”等范畴的理论,关于笔法、字法、章法等技法的理论以及创作论、品评论等等,都是有着自身的体系的。</p> | |
<p>4、书法艺术本体包括笔法、字法、构法、章法、墨法、笔势等内容。书法笔法是其技法的核心内容。笔法也称“用笔”,指运笔用锋的方法。字法,也称“结 | |
字”、“结构”,指字内点画的搭配、穿插、呼应、避就等等关系。章法,也称“布白”,指一幅字的整体布局,包括字间关系、行间关系的处理。墨法,是用墨 | |
之法,指墨的浓、淡、干、枯、湿的处理。</p> | |
</div> | |
<!-- 图片 --> | |
<div class="bd2"> | |
<img src="../书法img/书法1.jpg" alt=""> | |
<img src="../书法img/书法2.jpg" alt=""> | |
<img src="../书法img/书法3.jpg" alt=""> | |
</div> | |
<!-- 主要书体 --> | |
<div class="bd3"> | |
<h3>中国书法的主要书体</h3> | |
<p>中国书法的五种主要书体,篆书体(包含大篆、小篆)、隶书体(包含古隶、今隶)、楷书体(包含魏碑、正楷)、行书体(包含行楷、行草),草书体(包含章草、小 | |
草、大草、标准草书)。</p> | |
</div> | |
<!-- 篆书 --> | |
<div class="bd4"> | |
<div class="left"> | |
<img src="../书法img/篆书.jpg" alt=""> | |
</div> | |
<div class="right"> | |
<h3>篆书</h3> | |
<p>篆书,又称篆体,是汉字古代的书体之一,也是对古文字的统称。篆书主要包括大篆和小篆两种形式。广义上的篆体包括甲骨文、金文、籀文以及春秋战国时期的文字,这些通常被统称为大篆。小篆则是秦始皇统一天下后,由李斯等人整理并标准化的文字,因此也被称为秦篆。</p> | |
<p>小篆的形成标志着汉字开始定型(轮廓、笔划、结构定型),象形意味削弱,使文字更加符号化,减少了书写和认读方面的混淆和困难。这也是中国历史上第一次运用行政手段大规模地规范文字的产物。秦王朝使用经过整理的小篆统一全国文字,不仅基本上消灭了各地文字异行的现象,也使古文字体异众多的情况有了很大的改变,在中国文字发展史上有着重要的意义。</p> | |
<p>大篆保留了较多的象形特点,而小篆则形体匀逼齐整、字体较籀文容易书写。在汉文字发展史上,小篆是大篆由隶、楷之间的过渡。例如,李斯的《峄山刻石》就是典型的小篆特征,而《石鼓文》则是大篆的代表特征。</p> | |
</div> | |
</div> | |
<!-- 隶书 --> | |
<div class="bd5"> | |
<div class="left"> | |
<h3>隶书</h3> | |
<p>隶书,又称汉隶,是汉字中常见的一种庄重的字体。其书写效果略微宽扁,横画长而直画短,讲究“蚕头雁尾”和“一波三折”。 这种字体起源于秦朝,由程邈整理而成。 到了东汉时期,隶书达到了发展的顶峰,对后世书法产生了深远影响,因此在书法界有“汉隶唐楷”之称。</p> | |
<p>隶书的产生,标志着汉字从古文字向今文字的转变,结束了古代汉字的象形阶段,进入了符号化阶段。 它是由篆书发展演变而来,字形多呈宽扁,横画长而竖画短。 根据出土简牍,隶书在秦朝始创,并在汉代达到顶峰。</p> | |
<p>尽管隶书技法简单,由于没有过多的约束,此时的书法就如同一句经典的台词一样“见自己,见天地,见众生”,因此它被认为是最简单但又最难的书体。 隶书的用笔特点继承了篆书的曲线美,形成了汉代文化的沉雄博大的艺术风格。 这使得隶书在书法史上独树一帜,成为汉代艺术的高峰。</p> | |
</div> | |
<div class="right"> | |
<img src="../书法img/隶书.jpg" alt=""> | |
</div> | |
</div> | |
<!-- 楷书 --> | |
<div class="bd6"> | |
<div class="left"> | |
<img src="../书法img/楷书.jpg" alt=""> | |
</div> | |
<div class="right"> | |
<h3>楷书</h3> | |
<p>楷书,又称正楷、真书、正书,是汉字的一种字体形式。这种字体起源于隶书,并逐渐发展演变而来,其特点在于字形更趋简化,横平竖直。《辞海》中对楷书的解释是:“形体方正,笔画平直,可作楷模”。这种汉字字体端正,成为现代通行的汉字手写正体字。</p> | |
<p>楷书的书写具有鲜明的艺术特色,风格端庄秀丽,字形美观工整,法度森严。其基本特征表现在点画精到,横平竖直,这是典型的方块字。另外,楷书还有北派与南派两种书法流派,包括楷书、魏书、小楷等不同的书体。</p> | |
<p>总的来说,楷书因其形体方正,笔画平直的特点,可作为其他字体的参考和模范,因此得名。并且,由于其规则简单且易读,楷书在日常生活和工作中得到了广泛的应用。</p> | |
</div> | |
</div> | |
<!-- 行书 --> | |
<div class="bd7"> | |
<div class="left"> | |
<h3>行书</h3> | |
<p>行书,是一种书法统称,分为行楷和行草两种。这种字体起源于楷书,介于楷书、草书之间,是为了弥补楷书的书写速度太慢和草书的难于辨认而产生的。"行"在这里有“行走”的意思,因此行书不像草书那样潦草,也不像楷书那样端正</p> | |
<p>行书具有楷书的基本间架结构,又有草书简洁流便的行笔和线条,能够在一定程度上率意表情,生动流畅,富有艺术气质。其实用性和艺术性皆高,因此在书法家和群众中都受到了广泛的喜爱。</p> | |
</div> | |
<div class="right"> | |
<img src="../书法img/行书.jpg" alt=""> | |
</div> | |
</div> | |
<!-- 草书 --> | |
<div class="bd8"> | |
<div class="left"> | |
<img src="../书法img/草书.jpg" alt=""> | |
</div> | |
<div class="right"> | |
<h3>草书</h3> | |
<p>草书是汉字的一种字体,起源于汉代,并基于隶书进行演变。广义上,任何潦草的字都可以被认为是草书;狭义上,它作为一种特定的字体,具有结构简省和笔画连绵的特点。</p> | |
<p>根据其发展历程和特点,草书可以分为四大类:章草、今草、狂草和大狂草。章草是最早的草书,因汉章帝喜好草书而得名。今草是由张芝创立,他在东汉末期改良了章草,使之更加流畅。狂草则是唐代书法家张旭和怀素所创,其特点是行笔迅速,结构自由,被誉为书法艺术的极限。大狂草是现代书法家黄其锦在今草和狂草的基础上融入中国道教的阴阳五行和佛教心经的空无理念、兵圣孙武十三篇的形势理念所创立。</p> | |
<p>总的来说,草书是一种充满艺术性和观赏性的书法风格,体现了书写者的个性和情感表达。同时,由于其书写速度较快,也常被用于日常书写和速记中</p> | |
</div> | |
</div> | |
</div> | |
<!-- 页脚 --> | |
<div class="footer"> | |
<div class="underline"></div> | |
<div class="wrapper"> | |
<div class="left"> | |
<a href="《书卷超然》水墨背景书法欣赏_哔哩哔哩_bilibili" target="_blank">书法艺术,是一种传承和发扬中华优秀传统文化的重要途径。让我们一起欣赏书法作品,感受中华文化的魅力,传承和发扬我们的优秀传统文化。</a> | |
</div> | |
<div class="right"> | |
<a href="../index.html">作者:郑州财税金融职业学院app开发2班曹玉祥</a> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
国华介绍:
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>国画</title> | |
<link rel="stylesheet" href="../css/base.css"> | |
<link rel="stylesheet" href="../css/国画.css"> | |
</head> | |
<body> | |
<!-- 头部区域 --> | |
<div class="header"> | |
<div class="wrapper"> | |
<!-- loge --> | |
<div class="logo"> | |
<h1><a href="./首页.html">传统文化</a></h1> | |
</div> | |
<!-- 导航 --> | |
<div class="nav"> | |
<ul> | |
<li><a href="./首页.html">首页</a></li> | |
<li><a href="./国画.html" class="active">国画</a></li> | |
<li><a href="./书法.html">书法</a></li> | |
<li><a href="./传统节日.html">传统节日</a></li> | |
<li><a href="./龙与传统纹样.html">龙与传统纹样</a></li> | |
</ul> | |
</div> | |
<!-- 搜素 --> | |
<div class="search"> | |
<input type="text" placeholder="请输入关键词"> | |
<a href="#"></a> | |
</div> | |
<!-- 用户 --> | |
<div class="user"> | |
<a href="../index.html"> | |
<img src="../其他/user.png" alt=""> | |
<span>一曲清歌叹红尘</span> | |
</a> | |
</div> | |
</div> | |
</div> | |
<!-- banner区域 --> | |
<div class="banner"> | |
<div class="wrapper"> | |
<div class="left"> | |
<ul> | |
<li><a href="./首页.html">首页</a></li> | |
<li><a href="./国画.html">国画</a></li> | |
<li><a href="./书法.html">书法</a></li> | |
<li><a href="./传统节日.html">传统节日</a></li> | |
<li><a href="./龙与传统纹样.html">龙与传统纹样</a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
<!-- 国画介绍 --> | |
<div class="recomment wrapper"> | |
<div class="bd1"> | |
<h3>国画的分类</h3> | |
<p>国画的题材广泛,包括<i>山水</i>、<i>花鸟</i>、<i>人物</i>等。其中,山水画是国画的主要类型之一,它以自然景观为主题,通过笔墨的运用,表现出山水的神韵和气势。花鸟画则 | |
以花卉、鸟类为主题,注重形态的描绘和色彩的表现。人物画则以人物形象为主题,强调人物的神情和气质。</p> | |
</div> | |
<!-- 山水画 --> | |
<div class="bd2"> | |
<div class="left"> | |
<img src="../国画img/山水.jpg" alt=""> | |
</div> | |
<div class="right"> | |
<h3>山水画</h3> | |
<p>首先,它借物抒情,强调中国文化和哲学思辨下的山水精神,以借物言志。这是将大自然的美景融入自己的感情,然后通过艺术的手法表达 | |
出来的艺术。 </p> | |
<p>其次,山水画在构图上采用独特的三远法,即高远、平远、深远。这种观察方法类似于摄像机航拍一样,可 | |
以俯瞰,可以转到山后面看,可以多角度观察,不同于西洋风景画的局部一个焦点的再现。</p> | |
<p>再者,中国山水画的特征是有景有情,有着从情感到气格的境界的追求。并且,古代山水画通常不画缺乏对比的平原风景,而是喜欢表现地 | |
形地貌对比强烈、山高水深的名川大山。</p> | |
<p>最后,中国山水画重视形神兼备,画风华丽细腻。并且,书、画、印三者融合一体,产生形意相生,形色相映的艺术效果。</p> | |
</div> | |
</div> | |
<!-- 花鸟画 --> | |
<div class="bd3"> | |
<div class="left"> | |
<h3>花鸟画</h3> | |
<p>首先,中国花鸟画最突出的艺术特点就是“托物寓情,因物喻志”。画家通过对客观的描写,来寄托表达个人的主观情感、意志、联想或对社会与人生的感情等等,并以此来感染或启发读者,从中得到思想、道德、人格及其真、善、美的精神启示。</p> | |
<p>其次,花鸟画的画法多种多样,包括白描、双钩填彩、没骨和写意等。白描画法以线条为主,也可渲染淡墨,用线条的粗细浓淡来表现对象的质感或特色;双钩填彩则是一种色彩填充的画法;没骨是一种不用线条勾勒,全用色彩渲染的画法;而写意画法则是用简练概括的手法绘写对象。</p> | |
<p>再者,中国花鸟画集中体现了中国人与作为审美客体的自然生物的审美关系,具有较强的抒情性。它往往通过抒写作者的思想感情,体现时代精神,间接反映社会生活,在世界各民族同类题材的绘画中表现出十分鲜明的特点。</p> | |
<p>最后,花鸟画中的画法中有“工笔”、“写意”、“兼工带写”三种。工笔花鸟画即用浓、淡墨勾勒,色彩鲜艳,细节丰富;写意花鸟画则以简练概括的手法绘写对象,强调笔墨的自由流动和情感的表达;而兼工带写法则是工笔与写意的结合,既有精细的细节,又有自由奔放的笔墨。</p> | |
</div> | |
<div class="right"> | |
<img src="../国画img/花鸟.jpg" alt=""> | |
</div> | |
</div> | |
<!-- 人物画 --> | |
<div class="bd4"> | |
<div class="left"> | |
<img src="../国画img/人物.jpg" alt=""> | |
</div> | |
<div class="right"> | |
<h3>人物画</h3> | |
<p>人物画,简称“人物”,是中国画中的一大画科,它出现的时候要比山水画、花鸟画等早。这种绘画形式以人物形象为主体,常把对人物性格的表现,寓于环境、气氛、身段和动态的渲染之中。</p> | |
<p>中国古代人物画的重要特点包括:对于人物的描绘,不仅仅是满足外形的肖似,而是更着重人物性格与内心世界的描绘。中国的人物画家主张:“以形写神”、“形神兼备”。紧紧抓住有利于传神的眼神、手势、身姿与重要细节,强调分别主次,有详有略,详于传情的面部手势而略于衣冠,详于人物活动及其顾盼呼应而略于环境描写。</p> | |
<p>人物画在艺术表现上有许多不同的分类,包括道释画、仕女画、肖像画、风俗画、历史故事画等。这些不同类型的人物画,旨在力求人物个性刻画,通过精细入微的细节描绘和深入骨髓的情感表达,揭示出人物的内心世界和精神风貌。因此,人物画既是一种艺术创作方式,也是传统文化的重要组成部分。</p> | |
</div> | |
</div> | |
<!-- --> | |
</div> | |
<!-- 页脚 --> | |
<div class="footer"> | |
<div class="underline"></div> | |
<div class="wrapper"> | |
<div class="left"> | |
<ul> | |
<li><a href="中国10大山水画_哔哩哔哩_bilibili" target="_blank">山水画,是大自然的诗篇,是心灵的归宿。</a></li> | |
<li><a href="八大山人精品山水花鸟画欣赏,绝对震撼!_哔哩哔哩_bilibili" target="_blank">花鸟画,是大自然的诗篇,是生命的赞歌</a></li> | |
<li><a href="中国10大人物画_哔哩哔哩_bilibili" target="_blank">人物画,是历史的见证,是文化的传承。</a></li> | |
</ul> | |
</div> | |
<div class="right"> | |
<a href="../index.html">作者:郑州财税金融职业学院app开发2班曹玉祥</a> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
龙纹 介绍:
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>龙与传统纹样</title> | |
<link rel="stylesheet" href="../css/base.css"> | |
<link rel="stylesheet" href="../css/龙与传统纹样.css"> | |
</head> | |
<body> | |
<!-- 头部区域 --> | |
<div class="header"> | |
<div class="wrapper"> | |
<!-- loge --> | |
<div class="logo"> | |
<h1><a href="./首页.html">传统文化</a></h1> | |
</div> | |
<!-- 导航 --> | |
<div class="nav"> | |
<ul> | |
<li><a href="./首页.html">首页</a></li> | |
<li><a href="./国画.html">国画</a></li> | |
<li><a href="./书法.html" >书法</a></li> | |
<li><a href="./传统节日.html">传统节日</a></li> | |
<li><a href="./龙与传统纹样.html" class="active">龙与传统纹样</a></li> | |
</ul> | |
</div> | |
<!-- 搜素 --> | |
<div class="search"> | |
<input type="text" placeholder="请输入关键词"> | |
<a href="#"></a> | |
</div> | |
<!-- 用户 --> | |
<div class="user"> | |
<a href="../index.html"> | |
<img src="../其他/user.png" alt=""> | |
<span>一曲清歌叹红尘</span> | |
</a> | |
</div> | |
</div> | |
</div> | |
<!-- banner区域 --> | |
<div class="banner"> | |
<div class="wrapper"> | |
<div class="left"> | |
<ul> | |
<li><a href="./首页.html">首页</a></li> | |
<li><a href="./国画.html">国画</a></li> | |
<li><a href="./书法.html">书法</a></li> | |
<li><a href="./传统节日.html">传统节日</a></li> | |
<li><a href="./龙与传统纹样.html">龙与传统纹样</a></li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
<!-- 龙介绍 --> | |
<div class="recommend wrapper"> | |
<div class="bd1"> | |
<h3>龙</h3> | |
<p>龙,是中国古代神话中的动物,为鳞虫之长,与凤凰、麒麟等并列为祥瑞,古代主要寓意皇权。相传龙能飞行,擅变化,会呼风唤雨等,其神秘和威严的形象使其成为中华民族的象征之一。</p> | |
<p>龙的起源可以追溯到新石器时代,最初的龙形象是简单质朴的“原龙”。随后,经过数千年的发展,龙的形象逐渐丰富和复杂化,如夏商周时期的“夔龙”,春秋战国与秦汉之际的“飞龙”,以及宋元明清的“黄龙”等。到了当代,龙的形象更加吉庆嘉瑞,被称为“祥龙”。在仰韶文化时期,距今7000~5500年,已经出现了原始的龙纹,如鱼龙、蛇龙、猪龙、鳄龙等,这些早期龙形文化遗存的产生,与自然崇拜密切相关。</p> | |
<p>关于龙的来历和传说故事有很多种说法。其中一种较为广泛接受的说法是龙起源于蛇。八千年前,由于当时雨量充沛,环境丰饶,蛇类数量众多,人们在对蛇进行防御的过程中,逐渐形成了对蛇的图腾崇拜,进而虚拟出了蛇身、骆驼头、麒麟角、乌龟眼睛、牛耳朵、蜥蜴腿、老虎爪、鱼鳞等各种元素组合而成的龙的形象。</p> | |
<p>龙文化源远流长,深入到了社会的各个角落,影响波及了文化的各个层面,多彩多姿。例如,龙装饰、雕龙、建筑里的龙吻、元宵节舞龙(舞龙灯、耍龙)等,都是龙文化的具体体现。对每一个炎黄子孙来说,龙的形象是一种符号、一种意绪、一种血肉相连的情感!“龙的子孙”、“龙的传人”这些称谓,常令我们激动、奋发、自豪。</p> | |
</div> | |
<div class="underline"> </div> | |
<div class="all"> | |
<div class="bd2"> | |
<h3>传统纹样</h3> | |
<p>中国传统纹样是中国传统文化的重要组成部分,具有悠久的历史和独特的艺术价值。这些纹样以其精巧的设计和丰富的寓意,成为中国传统艺术中的一颗璀璨明珠,被广泛应用于陶瓷、织物、建筑等各个领域。传统纹样包括云雷纹、祥云纹、环带纹、忍冬纹、凤鸟纹、如意纹、饕餮纹、方胜纹、唐草纹、曲水纹、垂鳞纹、万字纹、缠枝纹、云头纹、八宝纹和寿字纹等。其中,云雷纹是青铜器上主要铭刻的纹饰,呈圆弧形卷曲或方折的回旋线条状;祥云纹仿照云彩之流动蜿蜒,是祥瑞之云气,寓意美好与吉祥;环带纹形似波浪起伏,故别名波纹或山云纹、盘云纹;或形似山势起伏,也称波曲纹</p> | |
</div> | |
<div class="bd3"> | |
<h3>龙纹</h3> | |
<p>龙纹是中国传统纹样中的一种,源于远古的图腾崇拜。作为鳞虫之长,龙能兴云雨、利万物,使风调雨顺、丰衣足食。因此古人认为龙是最高的祥瑞,将其视为吉祥安泰与尊贵皇权的象征。青铜器上的装饰纹样之一的夔龙纹,一般反映其正面图像,都是以鼻为中线,两旁置目,体躯向两侧延伸。夔龙纹也称为夔纹。</p> | |
<p>根据龙的不同形态,纹样中的龙纹可以分为:团龙纹、坐龙纹、行龙纹、云龙纹、夔龙纹、双龙戏珠纹等等。其中,“正面龙”,即龙首为正面,头部左右对称,好似一条正面坐的龙,所以亦称“坐龙”。这是龙纹中最尊贵的一种纹饰,常用于清代帝王服饰和建筑装饰等处。另一种常见的形式是"团龙",即以龙纹设于圆内,构成圆形的适合纹样。</p> | |
</div> | |
<div class="bd4"> | |
<h3>凤纹</h3> | |
<p> 凤纹,又称凤凰纹、凤鸟纹,是由古代象征吉祥的凤凰鸟抽象而来。作为中国众多传统纹样之一,它起源于人类的图腾崇拜,发展历程漫长而复杂,但因其极具特色的艺术形象和美好深远的情怀寄托,在传统纹样中一直占据着重要地位。</p> | |
<p>凤在神话传说中,为群鸟之长,是羽虫中最美者,飞时百鸟随之,尊为百鸟之王。在古人的心中,凤是吉祥之鸟。商代凤纹主要表现特征都是凤鸟的侧面形象,凤纹的刻划,突出地表现统治者的「天命」观念,显示社会的等级森严、保守的风气。</p> | |
<p>在中国装饰艺术史上,凤纹以其独特的民族形式和艺术魅力,作为中华民族的文化象征之一,当之无愧。凤的神话和起源古老的神话,常常是古代艺术衍生的土壤。中国最早的凤纹,也毫不例外地和中国远古代的神话有着密切的“血缘”关系。现有两种说法:玄鸟图腾说与彩鸟祥瑞说。</p> | |
</div> | |
<div class="bd5"> | |
<h3>鹤纹</h3> | |
<p>鹤纹,一种常见的中国传统装饰纹样,源自古人对鹤的图腾崇拜和神话传说。在神话中,鹤被视为长寿的象征,因此鹤纹常被用来寓意长寿、吉祥和尊荣。</p> | |
<p>鹤纹的形象通常描绘为一只鹤独立或群立在云纹、水纹或花草之间,真实比例常被忽略,一切为了布局。鹤的体态轻盈,举止有节,展现出超凡脱俗的气质。有时鹤会单腿立于寿石之上,周围饰以如意云纹、蝙蝠、寿桃、灵芝等意象,寓意“洪福齐天”。</p> | |
<p>在古代社会礼仪中,鹤的地位仅次于凤凰,而凤凰的图案只有皇后才可以使用,因此仙鹤的图案通常会出现在文官的补子上。此外,鹤纹也在日式装饰元素中广泛运用,但与中国传统鹤纹不完全相同,常常会和其他纹路融合在一起,成为一个平面构成中的元素。</p> | |
<p>总的来说,鹤纹以其深厚的文化内涵和独特的艺术形象,成为中国传统装饰艺术中的一种重要元素。</p> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
css:
首页:
.wrapper{
width: 1300px;
margin: 0 auto;
}
.body{
background-color: #f3f5f7;
}
/* 头部区域 */
.header{
height: 140px;
background-color: #fff;
}
.header .wrapper{
height: 140px;
display: flex;
padding: 30px;
}
.logo a{
display: block;
width: 100px;
height: 100px;
background-image: url(../其他/logo.jpg);
font-size: 0;
}
/* 导航 */
.nav{
margin-left: 120px;
}
.nav ul{
display: flex;
}
.nav li {
margin-right: 24px;
}
.nav a{
display: block;
padding: 10px 8px;
height: 70px;
line-height: 70px;
font-size: 19px;
}
.nav li .active,
.nav li a:hover{
border-bottom: 2px solid #00a4ff;
}
.nav li a:hover{
position: relative;
left: -5px;
top: -5px;
}
/* 搜索 */
.search{
display: flex;
width: 312px;
height: 40px;
background-color: #f3f5f7;
border-radius: 20px;
margin-left: 44px;
margin-top:25px ;
padding-left: 19px;
padding-right: 12px;
}
.search input{
flex: 1;
border: 0;
background-color: transparent;
outline: none;
}
.search a {
display: block;
width: 16px;
height: 40px;
background: url(../其他/search.png) no-repeat right center;
}
/* 用户 */
.user{
margin-left: 15px;
margin-top: 30px;
}
.user img{
margin-right: 7px;
/* vertical-align: middle; 行内块和行内垂直方式对齐方式 */
vertical-align: middle;
}
.user span {
font-size: 14px;
color: #666;
}
/* banner区域 */
.banner{
height: 700px;
background-image: radial-gradient(ellipse at center ,#6a9f88,#dde2dc,#9abdab );
box-shadow: 0px 9px 5px 0px rgba(211, 211, 211, 0.5);
}
.banner .wrapper{
height: 700px;
background: url(../其他/首页banner.png) no-repeat center;
}
.banner .left{
width: 190px;
height: 700px;
background-color: transparent;
padding: 20px 20px;
}
.banner .left li {
margin-top: 70px;
}
.banner .left a{
display: block;
height: 46px;
line-height: 46px;
font-size: 20px;
color: #f2eada;
background: url(../其他/right.png) no-repeat right center;
}
.banner .left a:hover{
background-image: url(../其他/right-hover.png);
color: #00a4ff;
position: relative;
top: -5px;
}
/* 介绍区域 */
/* 背景动画 */
@keyframes bgAnimation{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
.recommend{
height: 2100px;
background: linear-gradient(125deg,#6a9f88,#dde2dc,#9abdab );
background-size: 500%;
/* 执行 */
animation: bgAnimation 10s linear infinite;
}
/* 公用 */
h3{
font-size: 30px;
text-align: center;
}
p{
font-size: 17px;
text-indent: 2em;
line-height: 40px;
}
/* 传统文化 */
.recommend .bd1{
height: 410px;
display: flex;
justify-content: space-around;
margin-top: 5px;
}
.recommend .bd1 h3{
color: #6a9f88;
}
.recommend .bd1 .right{
padding: 15px;
height: 410px;
}
.recommend .bd1 .right p a{
text-decoration: underline;
color: #00a4ff;
font-style: italic;
}
/* 国画 */
.bd2{
display: flex;
height: 410px;
}
.bd2 .left{
padding: 15px;
}
.bd2 .left h3{
color: #00a4ff;
}
/* 传统节日 */
.bd3{
display: flex;
height: 410px;
}
.bd3 .right{
padding: 15px;
}
.bd3 .right h3{
color: #fff;
}
/* 龙与传统纹样 */
.bd4{
display: flex;
height: 410px;
}
.bd4 .left{
padding: 15px;
}
.bd4 .left h3{
color: brown;
}
/* 书法 */
.bd5{
display: flex;
height: 410px;
}
.bd5 .right{
padding: 15px;
}
/* 页脚 */
/* 分割线 */
.underline{
margin-top: 20px;
width: 1690px;
border-top: 10px solid #70a19f;
}
.footer{
height: 300px;
}
.footer .wrapper{
display: flex;
justify-content: space-between;
padding-top: 40px;
}
.footer .wrapper .left{
width: 600px;
}
.footer .wrapper a{
font-size: 20px;
color: #6a9f88;
line-height: 40px;
}
书法:
.wrapper{
width: 1300px;
margin: 0 auto;
}
.body{
background-color: #f3f5f7;
}
/* 头部区域 */
.header{
height: 140px;
background-color: #fff;
}
.header .wrapper{
height: 140px;
display: flex;
padding: 30px;
}
.logo a{
display: block;
width: 100px;
height: 100px;
background-image: url(../其他/logo.jpg);
font-size: 0;
}
/* 导航 */
.nav{
margin-left: 120px;
}
.nav ul{
display: flex;
}
.nav li {
margin-right: 24px;
}
.nav a{
display: block;
padding: 10px 8px;
height: 70px;
line-height: 70px;
font-size: 19px;
}
.nav li .active,
.nav li a:hover{
border-bottom: 2px solid #00a4ff;
}
.nav li a:hover{
position: relative;
left: -5px;
top: -5px;
}
/* 搜索 */
.search{
display: flex;
width: 312px;
height: 40px;
background-color: #f3f5f7;
border-radius: 20px;
margin-left: 44px;
margin-top:25px ;
padding-left: 19px;
padding-right: 12px;
}
.search input{
flex: 1;
border: 0;
background-color: transparent;
outline: none;
}
.search a {
display: block;
width: 16px;
height: 40px;
background: url(../其他/search.png) no-repeat right center;
}
/* 用户 */
.user{
margin-left: 15px;
margin-top: 30px;
}
.user img{
margin-right: 7px;
/* vertical-align: middle; 行内块和行内垂直方式对齐方式 */
vertical-align: middle;
}
.user span {
font-size: 14px;
color: #666;
}
/* banner区域 */
.banner{
height: 600px;
background-image: radial-gradient(ellipse at center ,#9abdab ,#dde2dc,#6a9f88);
box-shadow: 0px 9px 5px 0px rgba(211, 211, 211, 0.5);
}
.banner .wrapper{
height: 600px;
background: url(../书法img/书法banner.jpg) no-repeat center;
}
.banner .left{
width: 190px;
height: 600px;
background-color: transparent;
padding: 20px 20px;
}
.banner .left li {
margin-top: 50px;
}
.banner .left a{
display: block;
height: 46px;
line-height: 46px;
font-size: 20px;
color: #6a9f88;
background: url(../其他/right.png) no-repeat right center;
}
.banner .left a:hover{
background-image: url(../其他/right-hover.png);
color: #00a4ff;
position: relative;
top: -5px;
}
/* 书法介绍 */
/* 背景动画 */
@keyframes bgAnimation{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
.recomment {
height: 3100px;
margin-top: 10px;
background: linear-gradient(125deg,#d9d6c3,#dde2dc,#afdfe4 );
background-size: 500%;
/* 执行 */
animation: bgAnimation 10s linear infinite;
}
/* 公用 */
h3{
font-size: 30px;
text-align: center;
}
p{
font-size: 17px;
text-indent: 2em;
line-height: 40px;
}
.bd2{
display: flex;
height: 400px;
justify-content: space-between;
}
/* 图片 */
.bd2 img{
box-shadow: 10px 10px 10px 0px #cfd9d0;
}
/* 主要书体 */
.bd3{
margin-top: 10px;
height: 125px;
}
.recomment .bd3 h3{
color: #543044;
}
/* 篆书 */
.recomment .bd4 {
margin-top: 10px;
height: 400px;
display: flex;
}
.recomment .bd4 .right{
padding: 15px;
}
.recomment .bd4 .right h3{
color:#dec674;
}
/* 隶书 */
.recomment .bd5{
margin-top: 10px;
display: flex;
height: 400px;
}
.recomment .bd5 .left{
padding: 15px;
}
.recomment .bd5 .left h3{
color: #00ae9d;
}
/* 楷书 */
.recomment .bd6{
height: 400px;
display: flex;
margin-top: 10px;
}
.recomment .bd6 .right{
padding: 15px;
}
.recomment .bd6 .right h3{
color: #d64f44;
}
/* 行书 */
.recomment .bd7{
height: 400px;
display: flex;
margin-top: 10px;
}
.recomment .bd7 .left{
padding: 15px;
}
.recomment .bd7 .left h3{
color: #cbc547;
}
/* 草书 */
.recomment .bd8{
display: flex;
margin-top: 10px;
height: 400px;
}
.recomment .bd8 .right{
padding: 15px;
}
.recomment .bd8 .right h3{
color: #274d3d;
}
/* 页脚 */
/* 分割线 */
.underline{
margin-top: 20px;
width: 1690px;
border-top: 10px solid #70a19f;
}
.footer{
height: 300px;
}
.footer .wrapper{
display: flex;
justify-content: space-between;
padding-top: 40px;
}
.footer .wrapper .left{
width: 600px;
}
.footer .wrapper a{
font-size: 20px;
color: #6a9f88;
line-height: 40px;
}
国画:
.wrapper{
width: 1300px;
margin: 0 auto;
}
.body{
background-color: #f3f5f7;
}
/* 头部区域 */
.header{
height: 140px;
background-color: #fff;
}
.header .wrapper{
height: 140px;
display: flex;
padding: 30px;
}
.logo a{
display: block;
width: 100px;
height: 100px;
background-image: url(../其他/logo.jpg);
font-size: 0;
}
/* 导航 */
.nav{
margin-left: 120px;
}
.nav ul{
display: flex;
}
.nav li {
margin-right: 24px;
}
.nav a{
display: block;
padding: 10px 8px;
height: 70px;
line-height: 70px;
font-size: 19px;
}
.nav li .active,
.nav li a:hover{
border-bottom: 2px solid #00a4ff;
}
.nav li a:hover{
position: relative;
left: -5px;
top: -5px;
}
/* 搜索 */
.search{
display: flex;
width: 312px;
height: 40px;
background-color: #f3f5f7;
border-radius: 20px;
margin-left: 44px;
margin-top:25px ;
padding-left: 19px;
padding-right: 12px;
}
.search input{
flex: 1;
border: 0;
background-color: transparent;
outline: none;
}
.search a {
display: block;
width: 16px;
height: 40px;
background: url(../其他/search.png) no-repeat right center;
}
/* 用户 */
.user{
margin-left: 15px;
margin-top: 30px;
}
.user img{
margin-right: 7px;
/* vertical-align: middle; 行内块和行内垂直方式对齐方式 */
vertical-align: middle;
}
.user span {
font-size: 14px;
color: #666;
}
/* banner区域 */
.banner{
height: 686px;
background-image: radial-gradient(ellipse at center ,#84bf96,#cde6c7,#1b315e);
box-shadow: 0px 9px 5px 0px rgba(211, 211, 211, 0.5);
}
.banner .wrapper{
height: 686px;
background: url(../国画img/国画banner.jpg) no-repeat center;
}
.banner .left{
width: 190px;
height: 700px;
background-color: transparent;
padding: 20px 20px;
}
.banner .left li {
margin-top: 70px;
}
.banner .left a{
display: block;
height: 46px;
line-height: 46px;
font-size: 20px;
color: #6a9f88;
background: url(../其他/right.png) no-repeat right center;
}
.banner .left a:hover{
background-image: url(../其他/right-hover.png);
color: #00a4ff;
position: relative;
top: -5px;
}
/* 国画介绍 */
@keyframes bgAnimation{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
.recomment{
height: 1500px;
margin-top: 10px;
/* background-image: radial-gradient(ellipse at center ,#00a6ac,#f2eada,#00a6ac); */
background: linear-gradient(125deg,#70a19f,#f2eada,#90d7ec );
background-size: 500%;
/* 执行 */
animation: bgAnimation 10s linear infinite;
/* border-bottom: 10px solid #70a19f ; */
}
/* 公用 */
h3{
font-size: 30px;
text-align: center;
}
p{
font-size: 17px;
text-indent: 2em;
line-height: 40px;
}
/* 公用 */
.recomment .bd1 i{
font-style: normal;
color: #00a4ff;
}
/* 山水画 */
.recomment .bd2{
display: flex;
height: 400px;
}
.recomment .bd2 .right{
padding: 15px;
}
.recomment .bd2 .right h3{
color: #867892;
}
/* 花鸟画 */
.recomment .bd3{
display: flex;
height: 540px;
}
.recomment .bd3 .left{
padding: 15px;
}
.recomment .bd3 .left h3{
color: #ac6767;
}
.recomment .right{
margin-top: 20px;
}
/* 人物画 */
.recomment .bd4{
display: flex;
height: 400px;
}
.recomment .bd4 .right{
padding: 15px;
}
.recomment .bd4 .right h3{
color: #464547;
}
/* 页脚 */
/* 分割线 */
.underline{
margin-top: 20px;
width: 1690px;
border-top: 10px solid #70a19f;
}
.footer{
height: 300px;
}
.footer .wrapper{
display: flex;
justify-content: space-between;
padding-top: 40px;
}
.footer .wrapper a{
font-size: 20px;
color: #6a9f88;
line-height: 40px;
}
龙:
.wrapper{
width: 1300px;
margin: 0 auto;
}
.body{
background-color: #f3f5f7;
}
/* 头部区域 */
.header{
height: 140px;
background-color: #fff;
}
.header .wrapper{
height: 140px;
display: flex;
padding: 30px;
}
.logo a{
display: block;
width: 100px;
height: 100px;
background-image: url(../其他/logo.jpg);
font-size: 0;
}
/* 导航 */
.nav{
margin-left: 120px;
}
.nav ul{
display: flex;
}
.nav li {
margin-right: 24px;
}
.nav a{
display: block;
padding: 10px 8px;
height: 70px;
line-height: 70px;
font-size: 19px;
}
.nav li .active,
.nav li a:hover{
border-bottom: 2px solid #00a4ff;
}
.nav li a:hover{
position: relative;
left: -5px;
top: -5px;
}
/* 搜索 */
.search{
display: flex;
width: 312px;
height: 40px;
background-color: #f3f5f7;
border-radius: 20px;
margin-left: 44px;
margin-top:25px ;
padding-left: 19px;
padding-right: 12px;
}
.search input{
flex: 1;
border: 0;
background-color: transparent;
outline: none;
}
.search a {
display: block;
width: 16px;
height: 40px;
background: url(../其他/search.png) no-repeat right center;
}
/* 用户 */
.user{
margin-left: 15px;
margin-top: 30px;
}
.user img{
margin-right: 7px;
/* vertical-align: middle; 行内块和行内垂直方式对齐方式 */
vertical-align: middle;
}
.user span {
font-size: 14px;
color: #666;
}
/* banner区域 */
.banner{
height: 666px;
background-image: radial-gradient(ellipse at center ,#6a9f88,#dde2dc,#90d7ec );
box-shadow: 0px 9px 5px 0px rgba(211, 211, 211, 0.5);
}
.banner .wrapper{
height: 666px;
background: url(../龙img/龙banner.jpg) no-repeat center;
}
.banner .left{
width: 190px;
height: 700px;
background-color: transparent;
padding: 20px 20px;
}
.banner .left li {
margin-top: 70px;
}
.banner .left a{
display: block;
height: 46px;
line-height: 46px;
font-size: 20px;
color: #f2eada;
background: url(../其他/right.png) no-repeat right center;
}
.banner .left a:hover{
background-image: url(../其他/right-hover.png);
color: #00a4ff;
position: relative;
top: -5px;
}
/* 龙介绍 */
/* 背景图固定 */
.recommend{
margin-top: 10px;
height: 2200px;
background: url(../龙img/龙固定.jpg) no-repeat;
background-size: cover;
background-attachment: fixed;
text-align: left;
color: #464547;
}
/* 公用 */
h3{
margin-top: 10px;
font-size: 30px;
text-align: center;
}
p{
font-size: 17px;
text-indent: 2em;
line-height: 40px;
}
.recommend .bd1{
width: 1000px;
margin: 0 auto;
}
/* 分割线 */
.underline{
margin-top: 20px;
width: 1300px;
border-top: 10px solid #70a19f;
}
.all{
text-align: left;
width: 1000px;
margin: 0 auto;
color: aqua;
}
.bd3{
color: #90d7ec;
}
.bd4{
color: #a7324a;
}
.bd5{
color: #70a19f;
}