css3做对联，对联图片设置html

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

CSS3怎么做出响应式布局

做响应式网站离不开CSS响应式布局查询代码写法，而在此之前，我们需要了解什么是媒体查询以及如何才CSS中引入媒体查询。

什么是媒体查询？

媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有width、height和color（等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。

如何在CSS中引入媒体查询？

媒体查询写在CSS样式代码的最后，CSS是层叠样式表，在同一特殊性下，靠后的的样式会重叠前面的样式。

如何用CSS做响应式布局呢？

1、在HTML头部添加以下代码，用来显示兼容移动设备的显示效果。

meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /

参数详解：

width=device-width ：宽度等于当前设备的宽度

initial-scale=1 ：初始的缩放比例（默认为1）

minimum-scale=1 ：允许用户缩放到的最小比例（默认为1）

maximum-scale=1 ：允许用户缩放到的最大比例（默认为1）

user-scalable=no ：用户是否可以手动缩放（默认为no）

2、引入包含Media的CSS文件

一般情况HTMLCSS代码都是分开写的，Media也不例外。

link rel="stylesheet" type="text/css" href="m320.css" media="only screen and (max-width:320px)"/

link rel="stylesheet" type="text/css" href="m480.css" media="only screen and (min-width:321px) and (max-width:375px)"/

3、写Media中的代码

以某个网页的响应式布局为例

结构:@media设备类型and (设备特性)｛样式代码｝

/*媒体查询*/

/*当页面大于1200px时，大屏幕，主要是PC端*/

@media (min-width: 1200px) {

}

/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/

@media (min-width: 992px) and (max-width: 1199px) {

#adver .center {

width: 50%;

margin: -10px 0 0 -25%;

}

main .center h2 {

font-size: 40px;

}

/*768和991像素之间的屏幕里，小屏幕，主要是PAD*/

@media (min-width: 768px) and (max-width: 991px) {

#adver .center {

width: 60%;

margin: -10px 0 0 -30%;

}

#adver .search, #adver .button {

font-size: 20px;

}

main .center h2 {

font-size: 35px;

}

/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/

@media (min-width: 480px) and (max-width: 767px) {

header, header .center, header .link {

height: 45px;

}

header .logo, .sm-hidden,.sidebar,.md-hidden {

display: none;

}

header .link {

width: 100%;

line-height: 45px;

}

#adver {

padding: 45px 0 0 0;

}

#adver .center {

width: 70%;

height: 53px;

margin: -10px 0 0 -35%;

}

#adver .search, #adver .button {

height: 45px;

font-size: 18px;

}

.sm-visible {

display: block;

}

main .center h2 {

font-size: 30px;

}

main .center p {

font-size: 15px;

}

main figure {

width: 49.2%;

}

/*在小于480像素的屏幕，微小屏幕，更低分辨率的手机*/

@media (max-width: 479px) {

header, header .center, header .link {

height: 45px;

}

header .logo, .xs-hidden, .sm-hidden, .sidebar, .md-hidden {

display: none;

}

header .link {

width: 100%;

line-height: 45px;

}

header .link li {

width: 25%;

}

#adver {

padding: 45px 0 0 0;

}

#adver .center {

width: 80%;

height: 48px;

margin: -10px 0 0 -40%;

}

#adver .search, #adver .button {

height: 40px;

font-size: 16px;

}

.sm-visible {

display: block;

}

footer .bottom, footer .version {

font-size: 13px;

}

main .center h2 {

font-size: 26px;

}

main .center p {

font-size: 14px;

}

main figure {

width: 99%;

}

响应式布局的原理就是在不同的窗口大小下显示不同的结构和样式。只要掌握好CSS的样式，响应式布局就没问题。

用css3怎样做悬浮球

1、将对应的大图小图存放在同一个li标签中（鼠标悬浮到小图时，方便定位到大图）。

2、内部样式中利用"display:none;"隐藏大图所在div。

3、鼠标悬浮到相应区域时，修改同li标签下大图所在div的display属性("display:block")。

小结：1、最上层的div必须定位，否则无法约束子元素。

2、li标签设置浮动时，图片会重叠，无法排成一列。浮动必须落实到图片。

3、小照片放在span标签中，变成了内联元素。需为其添加"display: block;"转换为块级元素，才能设置图片外边距.

以下是代码：

[html] view plain copy

!DOCTYPE html

html

head

meta charset="UTF-8"

title/title

style

margin: 0px;

padding: 0px; }

/*相框背景*/

#all{

width: 800px;

height: 800px;

background: greenyellow;

position: relative;

/*父元素必须定位，否则无法约束子元素*/

}

/*相册大图*/

#all ul li .big img{

width: 500px;

height: 400px;

}

#all ul li .big{

position: absolute;

left: 70px;

top: 130px;

display: none;/*内部样式中隐藏大图所在div*/

}

/*小图设置*/

#all ul li .smallhover img{

width: 70px;

height: 50px;

position: absolute;

right: 100px;

float: left;/*设置浮动，可使图片排成一列*/

}

#all ul li .smallhover{

/*因为小照片放在span标签中，变成内联元素。设置display: block;将其转换为块级元素，才能设置图片外边距*/

display: block;

margin-top: 40px;

overflow: hidden;

}

/*实现效果，鼠标悬浮在小图片时，相应的大图片显示*/

#all ul li:hover .big{

display: block;

}

/style

/head

body

div id="all"

!--小图--

span class="smallhover"img src="img/lotus1.jpg" //span

!--大图--

div class="big" style="display: block;"

!--设置初始图片--

img src="img/lotus1.jpg" /

/div

/li

span class="smallhover"img src="img/lotus2.jpg" //span

div class="big"img src="img/lotus2.jpg" //div

/li

span class="smallhover"img src="img/lotus3.jpg" //span

div class="big"img src="img/lotus3.jpg" //div

/li

/ul

/div

/body

/html

我这个网页对联效果如何实现？

现代汉语词典上的释义是：写在纸上、布上或刻在竹子上、木头上、柱子上的对偶语句。

对联又称楹联，起源于桃符，是一种对偶文学，大致可分诗对联，以及散文对联，严格区分大小词类相对，可见称“对联起源律诗”是根本的错误。传统对联的对仗要比所谓的诗对联工整。随着唐朝诗歌兴起，散文对联，被排斥在外。

散文对联一般不拘平仄，不避重字，不过分强调词性相当，又不失对仗的对联。

[编辑本段]【对联之格律】

对联源远流长，相传起于五代后蜀主孟昶。他在寝门桃符板上的题词“新年纳余庆，佳节号长春”，谓文“题桃符”(见《蜀梼杌》)。这要算我国最早的对联，也是第一副春联。（见《应用写作》1987年第1期《漫话对联》）

对联的正规名称叫楹联，俗称对子，是我国特有的一种汉语言文学艺术形式，为社会各阶层人士所喜闻乐见。对联格律，概括起来，是六大要素，又叫“六相”，分叙如下：

一是字数要相等。上联字数等于下联字数。长联中上下联各分句字数分别相等。有一种特殊情况，即上下联故意字数不等，如民国时某人讽袁世凯一联： “袁世凯千古；中国人民万岁。”上联‘袁世凯’三个字和下联‘中国人民’四个字是"对不起"的，意思是袁世凯对不起中国人民。

对联中允许出现叠字或重字,叠字与重字是对联中常用的修辞手法，只是在重叠时要注意上下联相一致。如明代顾宪成题无锡东林书院联：风声雨声读书声，声声入耳；家事国事天下事，事事关心。

但对联中应尽量避免“同位重字”和“异位重字”。所谓同位重字,就是以同一个字在上下联同一个位置相对。:所谓异位重字,就是同一个字出现在上下联不同的位置。不过,有些虚词的同位重字是允许的,如杭州西湖葛岭联：

桃花流水之曲；

绿荫芳草之间。

上下联“之”字同位重复，但因为是虚字，是可以的。不过,有一种比较特殊的“异位互重”格式是允许的（称为“换位格”）,如林森挽孙中山先生联：:

一人千古；

千古一人。

二是词性相当。在现代汉语中，有两大词类，即实词和虚词。前者包括：名词（含方位词）、动词、形容词（含颜色词）、数词、量词、代词六类。后者包括：副词、介词、连词、助词、叹词、象声词六类。词性相当指上下联同一位置的词或词组应具有相同或相近词性。首先是"实对实，虚对虚"规则，这是一个最为基本，含义也最宽泛的规则。某些情况下只需遵循这一点即可。其次词类对应规则，即上述12类词各自对应。大多数情况下应遵循此规则。再次是义类对应规则，义类对应，指将汉字中所表达的同一类型的事物放在一起对仗。古人很早就注意到这一修辞方法。特别是将名词部分分为许多小类，如.天文(日月风雨等)、时令(年节朝夕等)、地理(山风江河等)、官室(楼台门户等) 、草木(草木桃李等) 、飞禽(鸡鸟凤鹤等)等等。最后是邻类对应规则，即门类相临近的字词可以互相通对。如天文对时令、天文对地理、地理对宫室等等。

三是结构相称。所谓结构相称，指上下联语句的语法结构(或者说其词组和句式之结构)应当尽可能相同，也即主谓结构对主谓结构、动宾结构对动宾结构、偏正结构对偏正结构、并列结构对并列结构,等等。如李白题题湖南岳阳楼联:

水天一色；

风月无边。

此联上下联皆为主谓结构。其中，“水天”对“风月”皆为并列结构，“一色”对“无边”皆为偏正结构。

但在词性相当的情况下，有些较为近似或较为特殊的句式结构，其要求可以适当放宽。

四是节奏相应。就是上下联停顿的地方必需一致。:如：

莫放春秋佳日过；最难风雨故人来。

这是一副七字短联，上下联节奏完全相同，都是“二——二——三”。比较长的对联，节奏也必须相应。

五是平仄相谐。什么是平仄？普通话的平仄归类，简言之，阴平、阳平为平，上声、去声为仄。古四声中，平声为平，上、去、入声为仄。平仄相谐包括两个方面：

（一）上下联平仄相反。一般不要求字字相反，但应注意：上下联尾字（联脚）平仄应相反，并且上联为仄，下联为平；词组末字或者节奏点上的字应平仄相反；长联中上下联每个分句的尾字（句脚）应平仄相反。

（二）上下联各自句内平仄交替。当代联家余德泉等总结了一套“马蹄韵"规则。简单说就是"平平仄仄平平仄仄"这样一直下去，犹如马蹄的节奏，如：

书山有路勤为径。

○○●●○○●

学海无涯苦作舟。

●●○○●●○

（○为平，●为仄。"学"字按《平水韵部》为入声）

对联平仄问题不是绝对的，在许多情况下可以变通。如对联中出现叠字、复字、回文、谐趣、音韵等等，可以视具体情况而定。有的因联意需要时也可以例外。

六是内容相关。什么是对联？就是既“对”又“联”。上面说到的字数相等、词性相当、结构相同、节奏相应和平仄相谐都是“对”，还差一个“联”。“联”就是要内容相关。一副对联的上下联之间，内容应当相关，如果上下联各写一个不相关的事物，两者不能照映、贯通、呼应，则不能算一副合格的对联，甚至不能算作对联。

但对联的任何规则都有例外，“内容相关”也是如此。对联中有两类极特殊的对联。一是"无情对"，上下联逐字逐词对仗工整，但内容毫不相关（或有似是而非的联系），上下联联意对比能造成意想不到趣味性。如：

树已半寻休纵斧；

果然一点不相干。

上下联中，"树""果"皆草木类；"已""然"皆虚字；"半""一"皆数字；"寻""点"皆转义为动词；"休""不"皆虚字；"纵""相"皆虚字；"斧""干"则为古代兵器。全联以口语对诗句，更显出乎意料之趣味。

二是分咏格诗钟。上下联分别咏出不相干的两个事物；逐字逐词对仗工整；通过联意从某一点上把两件事物关连起来。分咏格诗钟有些类似无情对，还类似谜语，但不同点也很多，有兴趣的联友可作进一步研习。

楹联强调内容相关，但又禁忌同义相对，称为“合掌”。所谓忌同义相对，指上下联相对的语句，其意思应尽量避免雷同，如“旭日”对“朝阳”、“史册”对“汗青”、“神州千古秀”对“赤县万年春”、“生意兴隆通四海”对“财源茂盛达三江”等，就属合掌。当然，个别非中心词语的合掌，或者合掌部分在联中比重很小，无伤大雅。

[编辑本段]【对联之习俗】

春联对联作为一种习俗，是中华民族优秀传统文化的重要组成部分。2005年国务院把楹联习俗列为第一批国家非物质文化遗产名录，有关介绍和评定文字如下：

楹联习俗源于我国古代汉语的对偶现象，西晋时期(290年左右)，出现合律讲究的对句，可视为其形成的重要标志。在一千七百余年的历史传衍过程中，楹联与骈赋、律诗等传统文体形式互相影响、借鉴，历北宋、明、清三次重要发展时期，形式日益多样，文化积淀逐渐丰厚。楹联有偶语、俪辞、联语等通称，以“对联”称之，则肇始于明代。

楹联以“副”为量词，一般以两行文句为一副，并列竖排展示，自上而下读，先右后左，右边为上联，左边为下联。楹联属格律文学，有种种讲究，但无字数和句数的限制，少则一字，多至千言。上下对举、字数相等、词性相同、平仄相对、辞法相应、节律对拍、形对义联是其文体特性，其中尤以声律的平仄与词性的对仗为关捩。楹联言简意赅，雅俗共赏，人称“诗中之诗”。

楹联以文字为内容、以书法为载体，制品种类繁多，包括纸裱、镜框、木刻、石刻、竹刻等。在楹联发展过程中，出现了大量的相关著述，各类楹联典籍数以万计。

楹联应用广泛，除名胜宫殿、亭台楼阁、厅堂书屋悬挂外，还广泛应用于节庆、题赠、祝贺、哀挽、陵墓等场合。依据功用之不同，它可分为春联、寿联、风景名胜联、自题联及各种技巧联等。

楹联习俗在华人乃至全球使用汉语的地区以及与汉语汉字有文化渊源的民族中传承、流播，对于弘扬中华民族文化有着重大价值。

对联习俗主要包括如下几种：

春联习俗。春联古称春贴，是一年一度新春佳节时书写张贴的一种时令对联。春联习俗起源于五代，至宋代已成形，明代已很普遍。在湖南，贴春联是春节文化中的一种重要习俗。春联具有祝颂性、时效性和针对性特点，并突出一个“春”字。

春联的种类比较多，依其使用场所，可分为门心、框对、横披、春条、斗方等。“门心”贴于门板上端中心部位；“框对”贴于左右两个门框上；“横披”贴于门媚的横木上；“春条”根据不同的内容，贴于相应的地方；“斗斤”也叫“门叶”，为正方菱形，多贴在家俱、影壁中。

婚联习俗。婚联是为庆贺结婚之喜而撰写对联，通常张贴于婚娶之家的大门、洞房门、厅堂或妆奁堂上。其内容多是对结婚双方的热情赞美和良好祝福，带有浓烈的吉祥、喜庆色彩。

寿联习俗。寿联是为过寿的人祝寿专用的对联，其内容一般是评赞过寿者的功业才能、道德文章、祝福过寿者多福高寿，美满幸福，具有热烈而庄敬的感情色彩。

挽联习俗。挽联，有的地方叫丧联，系由挽词演变而来，是一种人们用于对先人、死者表示缅怀、寄托哀思的对联。往往贴在门口、骨灰盒两侧、追悼会会场两侧、花圈上，一般用白纸配黑字，具有肃穆、庄严和沉痛的感情色彩。透过联语，唤起人们对死者的追念和尊敬之情。

[编辑本段]【对联之起源】

哲学探源：楹联者，对仗之文学也。这种语言文字的平行对称，与哲学中所谓“太极生两仪”，即把世界万事万物分为相互对称的阴阳两半，在思维本质上极为相通。因此，我们可以说，中国楹联的哲学渊源及深层民族文化心理，就是阴阳二元观念。阴阳二元论，是古代中国人世界观的基础。以阴阳二元观念去把握事物，是古代中国人思维方法。这种阴阳二元的思想观念渊源甚远，《易经》中的卦象符号，即由阴阳两爻组成，《易传》谓：“一阴一阳之谓道。”老子也说：“万物负阴而抱阳，冲气以为和。”（《老子》第42章。）荀子则认为：“天地合而万物生，阴阳合而变化起。”（《荀子•礼论》）《黄老帛书》则称：“天地之道，有左有右，有阴有阳。”这种阴阳观念，不仅是一种抽象概念，而且广泛地浸润到古代中国人对自然界和人类社会万事万物的认识和解释中。《周易•序卦传》“有天地然后有万物，有万物然后有男女，有男女然后有夫妇，有夫妇然后有父子，有父子然后有君臣，有君臣然后有上下，有上下然后有礼仪有所措。”《易传》中，分别以各种具体事物象征阴阳二爻。阴代表坤、地、女、妇、子、臣、腹、下、北、风、水、泽、花、黑白、柔顺等；与此相对应，阳则代表乾、天、男、父、君、首、上、南、雷、火、山、果、赤黄、刚健等。这种无所不在的阴阳观念，深入到了汉民族的潜意识之中，从而成为一种民族的集体无意识。而阴阳观念表现在民族心理上，重要的特征之一，就是对以“两”、“对”的形式特征出现的事物的执着和迷恋。“物生在两……，体有左右，各有妃藕。”（《左传•昭公三十二年》）“天下的道路，只是一个包两个。”（《朱子语类》卷九十三）“成熟、新生，二者于义为对。对待之文，自太极出两仪后，无事无物不然；日用、寒暑、昼夜，以及人事之万有——生死、贵贱、贫富、尊卑、上下、长短、远近、新旧、大小、香臭、深浅、明暗，种种两端，不可枚举。” （叶燮：《原诗》外篇）这种根源于阴阳二元论世界观偏爱成双结对的民族心理，是对偶句式得以产生并流行的深层原因之一。前人的许多论述，也注意到了这种联系。《文心雕龙•丽辞》：造物赋形，支体必双；神理为用，事不孤立。夫心生文辞，运裁百虑。高下相须，自然成对。……体植必两，辞动有配。……

语言寻根：一副标准的楹联，它最本质的特征是“对仗”。当它用口头表达时，是语言对仗，当它写出来时，是文字对仗。语言对仗的含义是什么呢？通常我们提到要求字数相等、词性相对、平仄相拗、句法相同这四项，四项中最关键的是字数相等和平仄相拗，这里的字数相等，不同于英语的“单词数”相等，其实质上是“音节”相等。即一个音节对应一个音节。在英语中，单词“car”与“jeep”在数量上是相等的，但音节不相等。而汉语“kǎchē”与“jīpǔ”，数量相等又音节相等。汉语之所以能实现“音节”相等，是因为汉语是以单音节为基本单位的语言。音节、语素、文字三位一体。汉语每个音节独立性强，都有确定的长度和音调，音调古有平、上、去、入四声，今有阳平、阴平、上声、去声四声，皆分平仄两大类。平对仄即谓相拗。这样，汉语的语素与语素之间（即字与字之间）就能建立起字数相等、平仄相谐的对仗关系。而英语中，即使事物的名称、概念能够相对，单词的数量和词性能够相对，两个句子的句式能够相对，但其音节长短不一，独立性弱，可自由拼读，又无声调，故无法相对。楹联大多数是写成文字，并且很多时候还要书写、悬挂或镌刻在其它建筑物或器物上。因此，楹联对仗的第二层即是所谓文字相对。文字相对意味着楹联不仅是语言艺术，又是装饰艺术。作为装饰艺术的一副楹联，要求整齐对称，给人一种和谐对称之美。汉字又恰好具备实现整齐对称的条件，它是以个体方块形式而存在的，方方正正，整整齐齐，在书写中各自占有相等的空间位置。它具有可读性，又具可视性。其方块构形，既有美学的原则，又包含着力学的要求。它无论是横写与竖排，都能显得疏密有致，整齐美观。而英文呢，它是拼音文字，每个单词长短不一，只表音，不表义，更无可视性，只能横排，不能竖排，无法从形体上实现真正的对称。下面试举两个意思相同的中英文对偶句进行比较，以进一步说明为何只有汉语才有真正的对仗，而英文和其他拼音文字则不能。

英文：(莎士比亚名言，按楹联形式排列)

中文：

构佳思；

写妙句。

英文“上、下联”单词数相等、词性相同、句式也相同，但音节不相等。读起来，因其无声调，上下联都是一个声音面貌，没有平仄相间带来的抑扬顿挫。至于书写上，“下联”比“上联”少了两个字母的位置，故全不对称。读者或许会想，能不能找出和写出一个英文对偶句，在单词数相等、词性相同、句式相同的基础上音节也相等，书写空间（字母数相等）也相等呢？不能说绝对不能，但因英文的音节、文字、语素不是三位一体的，实际操作起来只能是顾此失彼，即使莎翁这个对偶句，在英语中都是极其罕见的。而中文的“构佳思；写妙句”情况就不同了。你看，字数相等，词性相同，句式相对，音节相等，平仄基本相谐，书写起来则完全整齐对称。因此，英文“think good thoughts; write good word.”不是楹联，而中文“构佳思；写妙句。”则可称为楹联。

对仗之路：从文学史的角度看，楹联系从古代诗文辞赋中的对偶句逐渐演化、发展而来。这个发展过程大约经历了三个阶段：

第一阶段为对偶阶段，时间跨度为先秦、两汉至南北朝。在我国古诗文中，很早就出现了一些比较整齐的对偶句。流传至今的几篇上古歌谣已见其滥殇。如“凿井而饮，耕田而食”、“日出而作，日入而息”之类。至先秦两汉，对偶句更是屡见不鲜。《易经》卦爻辞中已有一些对偶工整的文句，如：“渺能视，跛能履。”（《履》卦“六三”）、“初登于天，后入于地。”（《明夷》卦“上六”）《易传》中对偶工整的句子更常见，如：“仰以观于天文，俯以察于地理。”（《系辞下传》）、“同声相应，同气相求，水流湿，火就燥，云从龙，风从虎……则各从其类也。”（乾•文言传）

成书于春秋时期的《诗经》，其对偶句式已十分丰富。刘麟生在《中国骈文史》中说：“古今作对之法，《诗经》中殆无不毕具”。他例举了正名对、同类对、连珠对、双声对、叠韵对、双韵对等各种对格的例句。如：“青青子衿，悠悠我心。”（《郑风•子衿》）、“山有扶苏，隰有荷花。”（《郑风•山有扶苏》）《道德经》其中对偶句亦多。刘麟生曾说：“《道德经》中裁对之法已经变化多端，有连环对者，有参差对者，有分字作对者。有复其字作对者。有反正作对者。”（《中国骈文史》如：“信言不美，美言不信。善者不辩，辩者不善。”(八十一章)、“独立而不改，周行而不殆。”（二十二章）再看诸子散文中的对偶句。如：“满招损，谦受益。”（《尚书•武成》）、“乘肥马，衣轻裘。”《论语•雍也》）、“君子坦荡荡，小人常戚戚。”（《论语•述而》）等等。辞赋兴起于汉代，是一种讲究文采和韵律的新兴文学样式。对偶这种具有整齐美、对比美、音乐美的修辞手法，开始普遍而自觉地运用于赋的创作中。如司马相如的《子虚赋》中有：“击灵鼓，起烽燧；车按行，骑就队。”

五言诗产生于汉代，至魏晋达到顶峰。其中对偶句亦较多运用。汉乐府中对偶句更趋工整，俨如后代律诗中的联句。如：“少壮不努力，老大徒伤悲。”（《长歌行》）、“朔气传金柝，寒光照铁衣。将军百战死，壮士十年归。”（《木兰辞》）在上述各种文体中，对偶句有如下几个特点：一是它仅作为一种修辞手法来运用，并非文体的格律要求；二是字数多从三字到七字之间；三是对仗很宽松，字数、词性、句式大体能相对，但缺乏平仄的对仗。这正如朱光潜先生所言：“意义的排偶较早起，声音的对仗是从它推演出来的。”（《朱光潜美学文集》第十二章）

第二阶段是骈偶阶段。骈体文起源于东汉的辞赋，兴于魏晋，盛于南北朝。骈体文从其名称即可知，它是崇尚对偶，多由对偶句组成的文体。这种对偶句连续运用，又称排偶或骈偶。刘勰在《文心雕龙•明诗》评价骈体文是“俪采百字之偶，争价一句之奇。”初唐王勃的《滕王阁序》一段为例：

时维九月，序属三秋。潦水尽而寒潭清，烟光凝而暮山紫。俨骖騑于上路，访风景于崇阿。临帝子之长洲，得仙人之旧馆。层台耸翠，上出重霄；飞阁流丹，下临无地。鹤汀凫渚，穷岛屿之萦回；桂殿兰宫，列冈峦之体势。披绣闼，俯雕甍，山原旷其盈视，川泽盱其骇瞩。闾阎扑地，钟鸣鼎食之家；舸舰迷津，青雀黄龙之轴。虹销雨霁，彩彻区明。落霞与孤鹜齐飞，秋水共长天一色。渔舟唱晚，响穷彭蠡之滨；雁阵惊寒，声断衡阳之浦。

全都是用对偶句组织，其中“落霞与孤鹜齐飞，秋水共长天一色”更是千古对偶名句。这种对偶句（即骈偶）是古代诗文辞赋中对偶句的进一步发展，它有如下三个特点：一是对偶不再是纯作为修辞手法，已经变成文体的主要格律要求。骈体文有三个特征，即四六句式、骈偶、用典，此其一。二是对偶字数有一定规律。主要是“四六”句式及其变化形式。主要有：四字对偶，六字对偶，八字对偶，十字对偶，十二字对偶。三是对仗已相当工巧，但其中多有重字（“之、而”等字），声律对仗未完全成熟。

第三阶段是律偶阶段。律偶，格律诗中的对偶句。这种诗体又称近体诗，正式形成于唐代，但其溯源，则始于魏晋。曹魏时，李登作《声类》十卷，吕静作《韵集》五卷，分出清、浊音和宫、商、角、徵、羽诸声。另外，孙炎作《尔雅音义》，用反切注音，他是反切的创始人。但魏晋之际，只以宫、商之类分韵，还没有四声之名。南北朝时，由于受佛经“转读”的启发和影响，创立了四声之说，撰作声谱，借转读佛经声调，应用于中国诗文，遂成平、上、去、入四声。其间，周颙作《四声切韵》，沈约作《四声谱》，创“四声”“八病”之说，并根据诗歌要求有节奏感和音乐美的特点，经过创作实践的摸索，总结出诗歌必须“五字之中，音韵悉异，两句之内，角徵不同”的原则。于是，诗文的韵律日益严格。对偶句的格律由骈偶发展成为律偶。在沈约、谢眺的“永明体”诗中已有比较工整的律偶。如：“云去苍梧野，水还江汉流。”（谢眺《新亭诸别范零陵云》）如；“艾叶弥南浦，荷花绕北楼。”（沈约《休沐寄怀》）等。从齐梁“四声”、“八病”说盛行之后，再把四声二元化，分为平（平声）、仄（上、去、入声）两大类，既有了平仄的概念，又逐步总结出每句诗的平仄应有变化，每句诗与每句诗之间的平仄也应有变化的“调平仄术”和联结律诗的“粘法”；同时，又发现每句诗用五、七字比用四、六字更富有音乐美，节奏也更加有变化；在一首诗中，骈偶句与散体句并用，又能显示出语言的错综美。就这样，从齐梁时略带格律的“新体诗”，经过一百多年的发展，到了唐代，律诗达到了严格精密的阶段，成为唐诗的主要形式之一。一般的五、七言律诗，都是八句成章，中间二联，习称颔联和颈联，必须对仗，句式、平仄、意思都要求相对。这就是标准的律偶。举杜甫《登高》即可见一斑：

风急天高猿啸哀，渚清沙白鸟飞回。

无边落木萧萧下，不尽长江滚滚来。

万里悲秋常作客，百年多病独登台。

艰难苦恨繁双鬓，潦倒新停浊酒杯。

这首诗的颌联和颈联，“无边落木萧萧下，不尽长江滚滚来。”“万里悲秋常作客，百年多病独登台”对仗极为工稳。远胜过骈体文中的骈偶句。除五、七言律诗外，唐诗中还有三韵小律、六律和排律，中间各联也都对仗。

律偶也有三个特征：一是对仗作为文体的一种格律要求运用；二是字数由骈偶句喜用偶数向奇数转化，最后定格为五、七言；三是对仗精确而工稳，声律对仗已成熟。

综上所述，汉文学的对偶句式历经了至少两三千年，经由排偶、骈偶、律偶三个阶段，“对称原则由意义推广到声音方面”（《朱光潜美学文集》第十二章），到盛唐已发展至尽善尽美。唐代诗人的对仗技巧已炉火炖青。如果把楹联比喻成孕育在诗文母体中的胎儿，那么此时的胎儿已是完全发育成熟，即将呱呱坠地了。

[编辑本段]【对联之特征】

季世昌、朱净之先生在《中国楹联学》中曾把楹联的特征概括为：鲜明的民族性，强烈的时代性，严密的格律性，高度的概括性和广泛的实用性。鲜明的民族是指楹联极为鲜明地体现着我们自己的民族传统和民族风貌。强烈的时代性是指楹联象一切文学形式一样，必然打上时代的印记。严密的格律性是指楹联有自己的独特格律。高度的概括性是指楹联具有比其它文学形式具有更强、更大的艺术概括力，它往往能以极其有限的文字反映深广的生活内容。广泛的实用性是指楹联普遍地运用到社会生活之中，可谓各行各业、各色人等，各种场合，无所不用，无所不在，无所不见。

傅小松的《中国楹联特征论略》则把楹联的特征概括为五个对立统一：

独特性和普遍性的统一：人们普遍认为楹联是中国最独特的一种文学形式。其独特性究竟表现在哪里呢？主要表现在结构和语言上。楹联可称之为“二元结构”文体。一副标准的对联，总是由相互对仗的两部分所组成，前一部分称为“上联”，又叫“出句”、“对头”、“对公”；后一部分称为“下联”，又叫“对句”、“对尾”、“对母”。两部分成双成对。只有上联或只有下联，只能算是半副对联。当然，许多对联，特别是书写悬挂的对联，除了上联、下联外，还有横批。横批在这种是对联中是一个有机组成部分，它往往是对全联带有总结性、画龙点睛或与对联互相切合的文字，一般是四个字，也有两个字、三个字、五个字或七个字的。从语言上看，楹联的语言既不是韵文语言，又不是散文语言，而是一种追求对仗和富有音乐性的特殊语言。楹联这种特殊的“语言——结构”方式，完全取决于汉语言及其文字的特殊性质。这种“语言——结构”的独特性使得楹联创作在构思、立意、布局、谋篇上迥异于其它文学形式。同样的客观对象和内容，楹样总是设法从两个方面、两个角度去观察和描述事物，并且努力把语言“整形”规范到二元的对称结构之中去。

css3 怎么做出像纸张翻页的效果

用css3制作纸张效果

一、中规中矩的效果

所谓“中规中矩的效果”就是加个投影，贴个胶带什么的。效果如下：

CSS3的box-shadow投影效果，相关代码如下：

代码如下:

-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);

反而是上面的胶带纸效果有点说头，这些微微倾斜的胶带是CSS写出来的，大部分效果源自CSS3，主要有RGBA显示半透明背景色，box-shadow显示淡淡的投影，transform做旋转效果；元素使用after伪类生成，完整代码如下：

代码如下:

.page:after { width: 180px; height: 30px; content: " "; margin-left: -90px; border: 1px solid rgba(200, 200, 200, .8); background: rgba(254, 254, 254, .6); -moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); position: absolute; left: 50%; top: -15px; }

老外似乎很喜欢使用before和after伪类，国外最近的些教程，技术点等经常见到此玩意。我个人感觉有跟风之嫌，就像是狂热的经济泡沫，不需要太久，大家会冷静下来重新审视这些曾经上手简单，自我感觉不错的方法。由于目前IE6/7不支持before/after类，所以，某种意义上来说，伪类的使用少了些兼顾IE下显示的烦恼。

二、外翻卷角纸张效果

纸张一般都是有卷角的，所以，我们可以更近一步，模拟卷角效果来使得纸张的感觉更逼真，这里就要借助于投影了，且是曲线投影。

我们还可以给纸张增加渐变(gradient)效果，以模拟纸张的曲度。

同时，可以给文字增加投影，可以让文字有书写的凹陷感，可以进一步让纸张效果更逼真。

于是，在“中规中矩”纸张基础上，我们做点小手术，结果得到下面的效果：

您可以狠狠地点击这里：渐变卷边纸张效果demo

目前貌似opera浏览器还不支持CSS3渐变，同时webkit核心下浏览器下的gradient渐变的写法已经开始向FireFox浏览器靠拢了。确实，都是CSS3，有必要搞得五花八门吗？

css中绝对定位的问题，为什么在右边的图片（对联图片）显示不出来？？

在使用绝对定位中，left和top至少用到其中一个才会起作用。比如上面的#right{}，里面你再加个top就会起作用了，只有right是不行的。

CSS3+Html5做一个导航栏的效果，如图

不需要CSS3+HTML5，用AJAX+DIV+CSS就可以了。

利用AJAX取得未读数据的数量，把DIV的innerHTML设为该数量就行了，另外这是一个DIV(或则其他块元素)中嵌入的一个相对定位层。所以没必要去使用CSS3和HTML5,毕竟国内主要浏览器都不支持。现在支持CSS3和HTML5的浏览器就只有最新的浏览器(如IE9、opera、safari、FF等等)

关于css3做对联和对联图片设置html的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。