编辑“HDWiki/通用样式解读”

{{HDWiki top}}
==字体==
<pre>
/*--font size--*/
h1,.h1{font-size:16px;}
h2,.h2{font-size:14px;font-weight:bold;}
h3,.h3{font-size:12px; font-weight:normal;}
.font-14{font-size:14px;}
.bold{font-weight:bold;}
.indent{text-indent:-9999em;}
</pre>
在这里为字体定义了3个级别，分别为h1 16px; h2 14px; h3 12px;

如果你希望给你元素定义14号，粗体，只需要给其标签，附加class名h2即可。 

==字体颜色==
<pre>
/*--color--*/
.red{color:red !important;}
.blue,a.blue{color:#0268cd;}
.orange{color:#FF9900 !important;}
.gray{color:#666;}
.black{color:#333;}
</pre>
在这里定义的基础颜色，可以通过修改这个，修改全站的通用颜色。 

==布局==
<pre>
/*--float and align--*/
.l{float:left;}
.r{float:right;}
.a-l{text-align:left;}
.a-r{text-align:right;}
.a-c{text-align:center;}
.c-b{clear:both;}
</pre>
如果你想让你的布局在左面的话，只需在在你想要浮动的标签上附加class名为.l.比如：'''<div class="columns">'''，靠左面，附加.l 修改为'''<div class="columns l">'''。注意columns和l 之间有一个空格。靠右依然。

如果，你想你的文本右对齐，这只需给你的模块附加class名a-r，即可，方法同上，靠左，居中亦然。 

==宽度==
<pre>
/*--width--*/
.w-950{width:950px;}
.w-710{width:710px;}
.w-550{width:550px;}
.w-630{width:630px;}
.w-428{width:428px;}
.w-310{ width:310px;}
.w-268{width:268px;}
.w-230{width:230px;}
.w-110{width:110px;}
.w-70{width:70px;}
</pre>
这里预知栅格话的宽度，如果需要的话，可以通过附加现有宽度布局。例如：<div class="columns">.，附加.w-710 <div class="columns w-710"></div>

==border边框样式和颜色==
<pre>
/*--border--*/
.bor_no{border:0 !important;}
.bg_no{background:none !important;padding-right:0 !important;}
.bor_b-ccc,.col-h2{border-bottom:1px #ccc solid;}
.bor-ccc,.columns,.bor-c_dl dl{border:1px #ccc solid;}
</pre>
[[HDwiki]]仿官方版的边框的样式基本都在这里。修改其中的值，可以控制全站的边框样式。

==链接样式==
<pre>
/*----link style----*/
a{color:#0268cd ; text-decoration:none;}
a:hover{color:#f30;text-decoration:underline;} 
/*------link orange-----*/
.link_orange a{color:#ff3300; text-decoration:none;}
.link_orange a:hover{color:#ff3300;text-decoration:underline;}
</pre>
HDwiki仿官方版的[[链接]]的样式

==文本输入框的样式==
 /*--input--*/
 .inp_txt{border:1px #7f9db9 solid;color:#666;height:17px;line-height:17px;}
HDwiki仿官方版的文本输入框的通用样式

==参考来源==
http://kaiyuan.hudong.com/

{{HDWIKI}}

[[category:HDWiki|T]]