kcdns前端制作页面布局标准:

1、 我们的HTML+CSS结构

<div id=”bd”>
    //定义区块样式[gard-s5m0]:侧栏s5主栏自适应
    <div class=” layout gard-s5m0”>
        //主栏开始
        <div class=”col-main”>
            <div class=”main-wrap”>
                //盒子内容开始
                <div class=”box J_TBox”>
                    //定义盒子名称boxNAME可自由定义
                    <div class=”boxNAME”>
                        //盒子内容头部(可省略)
                        <div class=”hd”></div>
                        //盒子内容主体
                        <div class=”bd”></div>
                        //盒子内容底部(可省略)
                        <div class=”ft”></div>
                    </div>
                </div>
            </div>
        </div>
        //侧栏开始
        <div class=”col-sub”>
            <div class=”box J_TBox”>
                <div class=”boxNAME”>
                    <div class=”hd”></div>
                    <div class=”bd”></div>
                    <div class=”ft”></div>
                </div>
            </div>
        </div>
    </div>
</div>

2、兼容性问题集锦 在IE下padding与margin的兼容性问题 Float引发的兼容性问题 在IE6下使用微软雅黑字体引起的问题 Position定位引起的兼容性问题

3、我们的js功能 公司wiki平台地址

• Tabs切换效果
• Slidy轮转效果
• Accordion手风琴效果
• Carousel旋转木马效果
• Countdown倒计时效果
• Popup弹出层效果
• Drop弹出层效果
• Compatible兼容性组建
• PNG图片处理
• Switchlights开关灯效果

4、我们的标准 页面制作必须与PSD保持高度统一，包含位置，图片大小，文字样式，行高，间距，以及效果。

5、layout布局效果 https://demo.901web.com/kc_layout.html