HDWiki/通用样式解读
来自站长百科
字体[ ]
/*--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;}
在这里为字体定义了3个级别，分别为h1 16px; h2 14px; h3 12px;
如果你希望给你元素定义14号，粗体，只需要给其标签，附加class名h2即可。
字体颜色[ ]
/*--color--*/
.red{color:red !important;}
.blue,a.blue{color:#0268cd;}
.orange{color:#FF9900 !important;}
.gray{color:#666;}
.black{color:#333;}
在这里定义的基础颜色，可以通过修改这个，修改全站的通用颜色。
布局[ ]
/*--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;}
如果你想让你的布局在左面的话，只需在在你想要浮动的标签上附加class名为.l.比如：
，靠左面，附加.l 修改为
。注意columns和l 之间有一个空格。靠右依然。
如果，你想你的文本右对齐，这只需给你的模块附加class名a-r，即可，方法同上，靠左，居中亦然。
宽度[ ]
/*--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;}
这里预知栅格话的宽度，如果需要的话，可以通过附加现有宽度布局。例如：.，附加.w-710
border边框样式和颜色[ ]
/*--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;}
HDwiki仿官方版的边框的样式基本都在这里。修改其中的值，可以控制全站的边框样式。
链接样式[ ]
/*----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;}
HDwiki仿官方版的链接的样式
文本输入框的样式[ ]
/*--input--*/
.inp_txt{border:1px #7f9db9 solid;color:#666;height:17px;line-height:17px;}
HDwiki仿官方版的文本输入框的通用样式
参考来源[ ]
HDWIKI使用手册导航 | ||||||
|---|---|---|---|---|---|---|
|