核心部分：标签（section id=“core”）

一个大板块里有三个板块

轮播部分（俩部分）：

上边部分是图片，下边部分是标题；

轮播：banner图与鼠标轮播相反

banner图运用到无序列表

标题中也运用到了无序列表

1。轮播：

宽：605

高：340

通过jquery的插件里的hb来控制db进行轮播，从而展示出轮播效果

$(".slideBox").slide(function(){

        // 自动轮播

        autoPlay:true;  

        // 向左侧滚动

        effect:"leftLoop"

    });

2。图片：

宽：605

高：300

3。标题：

宽：605

高：40

平分宽度flex：1；

js部分系统要采取适用的

<script src="./js/jquery.min.js"></script>

    <script src="./js/jquery.SuperSlide.2.1.js"></script>

<script src="./js/index.js"></script>

公告部分： div class="infos slideTextBox"

宽360px

高340px

背景色

左浮动

距离顶部16px

距离左侧38px

两部分（标题部分和内容部分）：

标题部分：class=”titles hd“

嵌套一个ul li无序列表

宽360px

高50px

titles ul ：弹性布局

              字体颜色灰色

titles ul li ：清楚.样式

                 平分距离 flex：1；

文本居中

左浮动-25px

 下部的黄线

行高40px

内容部分： class=“list”

里面嵌套ul li 无序列表 一个li对应一个板块 里面在嵌套一个ul li；

第二个li设置span class=“hot”用来设置前标

li里每一个都有一个标题 class=“title”

 宽360px

高290px

list ul：color ：灰色；

**ul li：清除. 样式

向左偏移-29px

/ 超出隐藏 /

overflow-：hidden

/*超出部分用......来代替*/

    text-overflow：ellipsis；

/ 超出不自动换行 /

white—space：nowerp；

行高30px

title 宽280opx

高：35px

字体大小20px

       背景灰色

字体金色

内容区域：

设置公共样式随后给每个spans的类名加颜色以及和边框的颜色

公共样式：

    font-size: 10px;

    line-height: 20px;

display: inline-block; border-width: 1px;

    border-style: solid;

    border-radius: 5px;

    padding-top: 3px ;

    margin-right: 5px;

    text-align: left;

边框以及边框颜色：

    color: red;

    border-color:red ;

js部分：

$(".slideTextBox").slide(function(){

        // 自动轮播

        autoPlay:true;  

        // 向左侧滚动

        effect:"leftLoop"

    });

    感谢各位大佬的观看