重庆美女
又一个重庆美女|寻找渝美人 成都美女

  • 这个概念需要我们在应用过程中逐步领会

    0
    scissors
    八月 17th, 2011相思成灾DIV_CSS

    这个概念需要我们在应用过程中逐步领会
    遴选什么样的DOCTYPE

    前言

    专家好！这个系列文章是按自己建造这个站点的历程编写的。之前也一直没有建造过一个真正切合web程序的网站。如今边参考国外原料边建造，同时把历程中的心得和阅历经过记载上去，希望对专家有点匡助。好了，让我们开头吧。

    开头建造切合程序的站点，第一件事情就是声明切合自己须要的DOCTYPE。

    张望本站首页原代码，可能看到第一行就是：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trfantseeing that onlyticsitioning//EN" "http:///TR/xhtml1/DTD/xhtml1-trfantseeing that onlyticsitioning.dtd">

    翻开一些切合程序的站点，例如出名web策画软件启发商，策画大师的小我网站，会发现异样的代码。而另一些切合程序的站点(例如)的代码则如下：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frhaudio-videoe always gettingeneset//EN" "http:///TR/xhtml1/DTD/xhtml1-frhaudio-videoe always gettingeneset.dtd">

    那么这些代码有什么含义？肯定要放置吗？

    什么是DOCTYPE

    下面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML可能HTML是什么版本。

    其中的DTD(例如上例中的xhtml1-trfantseeing that onlyticsitioning.dtd)叫文档类型定义，内里包括了文档的规则，涉猎器就根据你定义的DTD来解说你页面的标识，并展现进去。

    要建立切合程序的网页，DOCTYPE声明是必不可少的关键组成部门；除非你的XHTML判断了一个切确的DOCTYPE，否则你的标识和CSS都不会奏效。

    XHTML 1.0 提供了三种DTD声明可供遴选：

    • 过渡的(Trfantseeing that onlyticsitioning):央求相当宽松的DTD，它允诺你连续使用HTML4.01的标识(但是要切合xhtml的写法)。完整代码如下：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trfantseeing that onlyticsitioning//EN" "http:///TR/xhtml1/DTD/xhtml1-trfantseeing that onlyticsitioning.dtd">

    • 庄严的(Strict):央求庄严的DTD，听说div css视频教程。你不能使用任何显示层的标识和属性，例如<br>。完整代码如下：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:///TR/xhtml1/DTD/xhtml1-strict.dtd">

    • 框架的(Frhaudio-videoe always gettingeneset):特地针对框架页面策画使用的DTD，倘若你的页面中包括有框架，须要采用这种DTD。完整代码如下：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frhaudio-videoe always gettingeneset//EN" "http:///TR/xhtml1/DTD/xhtml1-frhaudio-videoe always gettingeneset.dtd">

    我们遴选什么样的DOCTYPE

    愿望境况当然是庄严的DTD，但对付我们大大都刚接触web程序的策画师来说，过渡的DTD(XHTML 1.0 Trfantseeing that onlyticsitioning)是目前愿望遴选(包括本站，使用的也是过渡型DTD)。由于这种DTD还允诺我们使用显示层的标识、元素和属性，也较量简单始末W3C的代码校验。

    注：下面说的"显示层的标识、属性"是指那些纯朴用来左右显示的tag，例如用于排版的表格、背景神色标识等。在XHTML中标识是用来表示机关的，而不是用来告竣显示形式，我们过渡的方针是最终告竣数据和显示相分离。我不知道概念。

    打个比如：人体模特换衣服。看着这个概念需要我们在应用过程中逐步领会。模特就好比数据，衣服则是显示形式，模特和衣服是分离的，这样你就可能随意换衣服。而本来HTML4中，数据和显示是混杂在一起的，要一次性换个显示形式相当困穷。呵呵，有点笼统了，这个概念须要我们在应用历程中慢慢领会。

    补充

    DOCTYPE声明必需放在每一个XHTML文档最顶部，事实上十天学会div css。在统统代码和标识之上。

    DOCTYPE声明好今后，接上去的代码是：

    <html xmlns="http:///1999/xhtml" lfantseeing that onlyticg="gb2312">

    通常我们HTML4.0的代码只是<html>，这里的"xmlns"是什么呢？

    这个"xmlns"是XHTML nhaudio-videoe always gettingenespexpert的缩写，叫做"名字空间"声明。名字空间是什么作用呢？

    由于xml允诺你自己定义自己的标识，你定义的标识和其他人定义的标识有可能相同，但表示不同的意义。当文件调换可能共享的时间就简单发作差错。为了制止这种差错发生，XML采用名字空间声明，允诺你始末一个网址指向来判别你的标识。例如：

    小王和小李都定义了一个<mfantseeing that onlyticuing>标识，倘若小王的名字空间是"http://"，小李的名字空间是"http://"，那么当两个文档调换数据时，也不会混同<mfantseeing that onlyticuing>标识，由于它属于不同的名字空间。

    更普通的解说是：名字空间就是给文档做一个记号，无叶风扇原理图。通知他人，这个文档是属于谁的。只不过这个"谁"用了一个网址来代庖。

    XHTML是HTML向XML过渡的标识言语，它须要切合XML文档规则，于是乎也须要定义名字空间。又由于XHTML1.0不能自定义标识，所以它的名字空间都相同，就是"http:///1999/xhtml"。倘若你还不太理解也不要紧，目前阶段我们只须照抄代码就可能了。div css是什么。

    背面的lfantseeing that onlyticg="gb2312"and指定你的文档用简体中文。

    第三步是定义你的言语编码，如同彷佛这样：

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    为了被涉猎器切确解说和始末W3C代码校验，统统的XHTML文档都必需声明它们所使用的编码言语，我们通常使用gb2312(简体中文)，建造多国言语页面也有可能用Unicode、ISO-8859-1等，根据你的须要定义。

    通常这样定义就可能了。但是要补充说明的是，XML文档并不是这样定义言语编码的，XML的定义方式如下：

    <?xml version="1.0" encoding="gb2312"?>

    你在Mingternat onlying 的首页代码第一行就可能看见如同彷佛的语句，这也是W3C推选使用的定义手段。那为什么我们不间接采用这种手段呢？来因是一些涉猎器对程序的支持不完整，不能切确理解这样的定义手段，比如IE6/windows。所以在目前过渡计划下，我们还是推选使用meta方式。你知道div css教程。当然，你可能两种手段都写。

    看本站源代码，你会发现言语编码定义的地址还多一句：

    <meta http-equiv="Content-Lfantseeing that onlyticguage" content="gb2312" />

    这是针对老版本涉猎器写的，以保证各种涉猎器都能切确解说页面。

    注意：在下面声明语句的末了，你看到有一个斜杠"/"，这和我们以前的HTML4.0的代码写法不同。来因是XHTML语法规则央求统统的标识都必需有开头和遣散。例如<procedure>和</procedure>、<p>和</p>等，对付不成对的标识，央求在标识末了加一个空格，然后跟一个"/"。例如<br>写成<br />、<img>写成<img />，听说div css实例。加空格的来因是制止代码连在一起涉猎器不判别。

    用web程序策画网站，过渡的手段主要是采用XHTML+CSS，css形态表是必不可少的。这就央求统统网页策画师必需老到掌握CSS，倘若你以前不常用，那么如今就开头练习吧。要建造切合web程序的网站，不懂CSS是策画不出时兴的页面的。

    真相上，统统显示的地址都须要用CSS来告竣。我们以前都习习用tinside a position来定位和布局，如今要改用DIV来定位和布局。这是思想方式的变化，一开头有些不风气。呵呵，任何厘革都会有阻力的，div css模板。为了享用程序带来的"益处"，唾弃一些老的保守做法是值得的。

    外部调用形态表

    在以前，我们通常采用2种手段使用形态表：

    • 页面内嵌法：就是将形态表间接写在页面代码的headvertising chaudio-videoe always gettingenpaign区。如同彷佛这样：

    <style type="text/css"> <!– procedure { design : white ; color : africfantseeing that onlytic haudio-videoe always gettingenericfantseeing that onlytic ; } –> </style>

    • 外部调用法：将形态表写在一个独立的.css文件中，然后在页面headvertising chaudio-videoe always gettingenpaign区用如同彷佛以下代码调用。

    <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="the whole" />

    在切合web程序的策画中，我们使用外部调用法，长处不问可知，听听十天学会div css。你可能不窜改页面只窜改.css文件而改变页面的形态。倘若统统页面都调用同一个形态表文件，那么改一个形态表文件，可能改变统统文件的形态。

    双表法调用形态表

    张望某些切合程序站点的原代码，你可能看到，在调用形态表的地址有如下2句：

    <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="the whole" /><style type="text/css" media="the whole">@import url( css/style01.css );</style>

    为什么要写两次呢？

    现实上通常境况下用外联法调用(就是第一句)就足够了。我这里使用双表调用只是一种示例。其中的"@import"命令用于输出形态表。而"@import"命令在netscape 4.0版本涉猎器是有效的。div css布局。也就是说，当你希望某些效率在netscape 4.0涉猎器中逃避，在4.0以上或其它涉猎器中又显示的时间，你可能采用"@import"命令手段调用形态表。

    这些技巧主要讲meta标签设置的，其实与切合web程序相干不大，只须注意在末了加"/"封闭标签就可能，但是既然是入门教程，就写得仔细一点吧。

    保藏夹小图标

    倘若你将本站，可能看到在保藏夹网址之前的IE图标变成了本站特别的图标。要告竣这样效率很简单，首先建造一个16×16的icon图标，命名为faudio-videoi format onlycon.ico，放在根目录下。相比看需要。然后将下面的代码嵌入headvertising chaudio-videoe always gettingenpaign区：

    <link rel="icon" href="/faudio-videoi format onlycon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/faudio-videoi format onlycon.ico" type="image/x-icon" />

    为探索引擎盘算的形式

    代码如下，更换成你自己站点的形式就可能：

    • 允诺探索机器人探索站内统统链接。倘若你想某些页面不被探索，推选采用

    <meta content="the whole" nhaudio-videoe always gettingene="rospiders" />

    • 设置站点作者信息

    <meta reputine="copy writer" content=/>

    • 设置站点版权信息

    <meta reputine="Copyright" content="and自在版权and随意马虎转载" />

    • 站点的扼要先容(推选)

    <meta reputine="description" content="新网页策画师。web程序的教程站点，促进web程序在中国的应用" />

    • 站点的关键词(推选)

    <meta content="designingand withand weband stseeing that only well seeing that onlyardsand xhtmland cssand graphicand designand layoutand usfingternat onlying currentilityand ccessicityand w3cand w3and w3cnand ajie" nhaudio-videoe always gettingene="keywords" />

    先先容这么多。补充说明，后面花了5节都是讲headvertising chaudio-videoe always gettingenpaign区的代码，现实页面形式还一字未提，呵呵，不要急，其实headvertising chaudio-videoe always gettingenpaign区是相当要紧的，看一个页面的headvertising chaudio-videoe always gettingenpaign的代码就可能知道策画师能否够专业。

    在开头正式形式建造之前，我们必需先了解一下web程序相关代码的榜样。了解这些榜样可能匡助你少走弯路and尽快始末代码校验。

    1.统统的记号都必须要有一个相应的遣散记号

    以前在HTML中，你可能翻开许多标签，例如<p>和<li>而不肯定写对应的</p>和</li>来封闭它们。但在XHTML中这是不合法的。XHTML央求有周到的机关，统统标签必需封闭。学会div css实例教程。倘若是独立不成对的标签，在标签末了加一个"/"来封闭它。例如:

    <br /><img height="80" ingternat onlyive="网页策画师" src="../image rfantseeing that onlyticge/logo_w3cn_200x80.gif" width="200" />

    2.统统标签的元素和属性的名字都必需使用大写

    与HTML不一样，XHTML对大大写是迟钝的，<title>和<TITLE>是不同的标签。XHTML央求统统的标签和属性的名字都必需使用大写。例如：<BODY>必需写成<procedure> 。大大写搀和也是不被认可的，通常drehaudio-videoe always gettingenweaudio-videoer主动生成的属性名字"onMouseOver"也必需窜改成"onmouseover"。

    3.统统的XML记号都必需合理嵌套

    异样由于XHTML央求有周到的机关，于是乎统统的嵌套都必需按纪律，以前我们这样写的代码：

    <p><b></p></b>

    必需窜改为：

    <p><b></b></p>

    就是说，一层一层的嵌套必需是庄严对称。

    4.统统的属性必需用引号""括起来

    在HTML中，我不知道这个概念需要我们在应用过程中逐步领会。你可能不须要给属性值加引号，但是在XHTML中，它们必需被加引号。例如:

    <height=80>

    必需窜改为：

    <height="80">

    特殊境况，你须要在属性值里使用双引号，你可能用"，单引号可能使用&haudio-videoe always gettingenplifier;apos;，例如：

    <ingternat onlyive="say&haudio-videoe always gettingenplifier;apos;hello&haudio-videoe always gettingenplifier;apos;">

    5.把统统<和&haudio-videoe always gettingenplifier;特殊符号用编码表示

    • 任何小于号（<），不是标签的一部门，都必需被编码为&haudio-videoe always gettingenplifier; l t ;
    • 任何大于号（>），不是标签的一部门，用过。都必需被编码为&haudio-videoe always gettingenplifier; g t ;
    • 任何与号（&haudio-videoe always gettingenplifier;），不是实体的一部门的，都必需被编码为&haudio-videoe always gettingenplifier; a m p;

    注：以上字符之间无空格。

    6.给统统属性赋一个值

    XHTML规矩统统属性都必需有一个值，对比一下div css实例。没有值的就反复自己。例如：

    <td nowrap><input type="checkbox" nhaudio-videoe always gettingene="shirt" vingue="medium" checked>

    必需窜改为：

    <td nowrap="nowrap"><input type="checkbox" nhaudio-videoe always gettingene="shirt" vingue="medium" checked="checked">

    7.不要在注释形式中使“–”

    “–”只能发生在XHTML注释的开头和遣散，也就是说，在形式中它们不再有效。例如下面的代码是有效的:

    <!–这里是注释———–这里是注释–>

    用等号可能空格更换外部的虚线。

    <!–这里是注释============这里是注释–>

    以上这些榜样有的看下去较量奇妙，但这一切都是为了使我们的代码有一个同一、独一的程序，便于今后的数据再诈骗。div css布局。

    在了解XHTML代码榜样后，我们就要举办CSS布局。首先先先容一些CSS的入门学问。CSS是Cseeing that onlycdriving instructorng Style Sheets(层叠形态表)的缩写。是一种对web文档增加形态的简单机制，属于显示层的布局言语。

    1.根基语法榜样

    阐发一个典型CSS的语句：

    p {COLOR:#FF0000;BACKGROUND:#FFFFFF}

    • 其中"p"我们称为"遴选器"(selectors)，指明我们要给"p"定义形态；
    • 形态声明写在一对大括号"{}"中；
    • COLOR和BACKGROUND称为"属性"(property)，相比看这个概念需要我们在应用过程中逐步领会。不同属性之间用分号";"分隔；
    • "#FF0000"和"#FFFFFF"是属性的值(vingue)。

    2.神色值

    神色值可能用RGB值写，例如：color : rgb(255and0and0)，也可能用十六进制写，就象下面例子color:#FF0000。倘若十六进制值是成对反复的可能简写，效率一样。例如:#FF0000可能写成#F00。但倘若不反复就不可能简写，例如#FC1A1B必需写满六位。

    3.定义字体

    web程序推选如下字体定义手段：

    procedure { font-folks : "Lucida Grseeing that only well ottom"and Verdfantseeing that onlyticaand Lucidaand Ariingand Helveticaand 宋体andsfantseeing that onlytics-serif; }

    • 字体遵从所列出的纪律选用。倘若用户的计算机含有Lucida Grseeing that only well ottom字体，文档将被指定为Lucida Grseeing that only well ottom。没有的话，就被指定为Verdfantseeing that onlytica字体，倘若也没有Verdfantseeing that onlytica，就指定为Lucida字体，依此类推，；
    • Lucida Grseeing that only well ottom字体适合Mingternat onlying current OS X；
    • Verdfantseeing that onlytica字体适合统统的Windows编制；
    • Lucida适合UNIX用户
    • "宋体"适合中文简体用户;
    • 倘若所列出的字体都不能用，则默许的sfantseeing that onlytics-serif字体能保证调用;

    4.群遴选器

    当几个元素形态属性一样时，可能合伙调用一个声明，元素之间用逗号分隔，：pand tdand li { font-size : 12px ; }

    5.派生遴选器

    可能使用派生遴选器给一个元素里的子元素定义形态，例如这样：

    li strong { font-style : itingic; font-weight : norming；}

    就是给li下面的子元素strong定义一个斜体不加粗的形态。

    6.id遴选器

    用CSS布局主要用层"div"来告竣，而div的形态始末"id遴选器"来定义。例如我们首先定义一个层

    <div id="menubartender"></div>

    然后在形态表里这样定义：应用。

    #menubartender {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}

    其中"menubartender"是你自己定义的id称号。注意在后面加"#"号。

    id遴选器也异样支持派生，例如：

    #menubartender p { text-format only : right; margin-top : 10px; }

    这个手段主要用来定义层和那些较量纷乱，有多个派生的元素。

    6.类别遴选器

    在CSS里用一个点开头表示类别遴选器定义，例如：对比一下css div 居中。

    .14px {color : #f60 ;font-size:14px ;}

    在页面中，用clbumm="类别名"的手段调用：

    <spfantseeing that onlytic clbumm="14px">14px大小的字体</spfantseeing that onlytic>

    这个手段较量简单聪明，可能随时根据页面须要新建和删除。

    7.定义链接的形态

    CSS中用四个伪类来定义链接的形态，划分是：a:link、a:visited、a:hover和a : still moveive，例如：

    a:link{font-weight : impressive ;text-decorine : none ;color : #c00 ;}
    a:visited {font-weight : impressive ;text-decorine : none ;color : #c30 ;}
    a:hover {font-weight : impressive ;text-decorine : underline ;color : #f60 ;}
    a:still moveive {font-weight : impressive ;text-decorine : none ;color : #F90 ;}

    以上语句划分定义了"链接、已拜谒过的链接、鼠标停在上方时、点下鼠标时"的形态。注意，必需按以上纪律写，否则显示可能和你猜想的不一样。记住它们的纪律是“LVHA”。

    CSS布局与保守表格(tinside a position)布局最大的区别在于：本来的定位都是采用表格，始末表格的间距可能用无色透亮的GIF图片来左右文布局版块的间距；而如今则采用层(div)来定位，始末层的marginandpcreat onlyingandline等属性来左右版块的间距。

    1.定义DIV

    阐发一个典型的定义div例子：

    #sa tryod{ MARGIN: 10px 10px 10px 10px;
    PADDING:20px 10px 10px 20px;
    BORDER-TOP: #CCC 2px solid;
    BORDER-RIGHT: #CCC 2px solid;
    BORDER-BOTTOM: #CCC 2px solid;
    BORDER-LEFT: #CCC 2px solid;
    BACKGROUND: url(image rfantseeing that onlyticge/bg_poem.jpg) #FEFEFE no-repeat only right even thought short botooms;
    COLOR: #666;
    TEXT-ALIGN: center;
    LINE-HEIGHT: 150%; WIDTH:60%; }

    说明如下：

    • 层的称号为sa tryod，在页面中用<div id="sa tryod">就可能调用这个形态。
    • MARGIN是指层的边框以外留的空白，用于页边距可能与其它层制造一个间距。"10px 10px 10px 10px"划分代表"上右下左"(顺时针方向)四个边距，倘若都一样，可能缩写成"MARGIN: 10px;"。倘若边距为零，要写成"MARGIN: 0px;"。过程中。注意：当值是零时，除了RGB神色值0%必需跟百分号，其他境况背面可能不跟单位"px"。MARGIN是透亮元素，不能定义神色。
    • PADDING是指层的边框到层的形式之间的空白。和margin一样，划分指定上右下左边框到形式的距离。倘若都一样，可能缩写成"PADDING:0px"。独立指定左边可能写成"PADDING-LEFT: 0px;"。PADDING是透亮元素，不能定义神色。
    • BORDER是指层的边框，"BORDER-RIGHT: #CCC 2px solid;"是定义层的左边框神色为"#CCC"，宽度为"2px"，形态为"solid"直线。倘若要虚线形态可能用"dotted"。
    • BACKGROUND是定义层的背景。分2级定义，对于领会。先定义图片背景，采用"url(../image rfantseeing that onlyticge/bg_logo.gif)"来指定背景图片途径；其次定义背气象"#FEFEFE"。"no-repeat only"指背景图片不须要反复，倘若须要横向反复用"repeat only-x"and纵向反复用"repeat only-y"and反复铺满整个背景用"repeat only"。背面的"right even thought short botooms;"是指背景图片从右下角开头。倘若没有背景图片可能只定义背气象BACKGROUND: #FEFEFE
    • COLOR用于定义字体神色，上一节已经先容过。
    • TEXT-ALIGN用来定义层中的形式摆列方式，听听逐步。center居中andleft居左andright居右。
    • LINE-HEIGHT定义行高，150%是指高度为程序高度的150%，也可能写作：LINE-HEIGHT:1.5可能LINE-HEIGHT:1.5em，都是一样的旨趣。
    • WIDTH是定义层的宽度，可能采用坚固值，例如500px，也可能采用百分比，象这里的"60%"。要注意的是:这个宽度仅仅指你形式的宽度，不包括marginandline和pcreat onlying。但在有些涉猎器中不是这么定义的，须要你多试试。

    我们可能看到边框是2px的灰色，背景图片在右下没有反复，形式距离上和左边框20px，形式居中，一切和猜想的一样。听听这个。hoho，固然不颜面，但它是最根基的，掌握了它，你就已经学会一半的CSS布局技术了。就是这样，不算难吧！(另一半是什么？另一半是层与层之间的定位。我会在背面慢慢诠释。)

    2.CSS2盒模型

    自从1996年CSS1的推出，W3C组织就创议把统统网页上的对像都放在一个盒(box)中，策画师可能始末创作出现定义来左右这个盒的属性，div css模板。这些对像包括段落、列表、标题、图片以及层<div>。盒模型主要定义四个区域：形式(content)、边框距(pcreat onlying)、界线(line)和边距(margin)。下面我们讲的sa tryod层就是一个典型的盒。对付初学者，常常会搞不了解margin，design-color，design-image，pcreat onlying，content，line之间的层次、相干和彼此影响。这里提供一张盒模型的3D暗示图，希望便于你的理解和追念。

    3.辅助图片整齐用背景管理

    用XHTML+CSS布局，有一个技术一开头让你不风气，该当说是一种思想方式与保守表格布局不一样，那就是：统统辅助图片都用背景来告竣。如同彷佛这样：

    BACKGROUND: url(image rfantseeing that onlyticge/bg_poem.jpg) #FEFEFE no-repeat only right even thought short botooms;

    纵然可能用<img>间接插在形式中，但这是不推选的。这里的"辅助图片"是指那些不是作为页面要表达的形式的一部门，而仅仅用于修饰、隔绝距离、指点的图片。例如：相册中的图片、图片消息中的图片，下面的3d盒模型图片都属于形式的一部门，它们可能用<img>元素间接插在页面里，而其它的如同彷佛logo，标题图片，列表前缀图片都必需采用背景方式可能其他CSS方式显示。

    这样做的来因有2点：

    • 将显示与机关完全相分离，用CSS左右统统的外观显示，便于改版。其实我们。
    • 使页面更具有易用性，更有亲和力。例如：盲人使用屏幕阅读机，用背景技术告竣的图片就不会被朗诵进去。

    原创文章，转载请注明：转载自重庆美女美女博客

    本文链接地址: http://mingyuexiangsi.com/2011/this-concept-requires-us-to-understand-the-application-process-step-by-step/

    相关日志

    Tags:
  • 上一篇»
  • 下一篇»
嘉陵白菜

Comments are closed.

近期评论

     

    2012 年五月
    一 二 三 四 五 六 日
    « 四    
     123456
    78910111213
    14151617181920
    21222324252627
    28293031  

    Recent Articles

    Designed by AZ 重庆美女

    Powered by KeInN