web——仿WIT

最新推荐文章于 2024-07-30 10:33:14 发布
最新推荐文章于 2024-07-30 10:33:14 发布
阅读量418 收藏 1
点赞数
分类专栏： web前端开发 文章标签： 界面 仿写 web css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40139513/article/details/78099604
版权

这是我仿写的一个WIT界面 主要是对CSS的加强联系，初学者可以看看巩固知识

下面是HTML的代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="css/index.css" />



    </head>
    <body>

        <!--顶部导航开始-->
        <div class="top">

            <img src="img/logo01.jpg" />

            <div>
                <a href="">首页</a>
                <a href="">IT服务介绍</a>
                <a href="">软件服务介绍</a>
                <a href="">WIT品牌</a>
                <a href="">公司新闻</a>
                <a href="">关于我们</a>
            </div>

        </div>
        <!--顶部导航结束-->

        <!--轮播开始-->
        <div class="demo lb">
            <img src="img/lb.jpg" width="100%" />
        </div>
        <!--轮播结束-->

        <!--软件服务开始-->
        <div class="demo rjfw">
            <div class="wz">WIT软件<font color="#FF0000">服务</font></div>
            <hr color="#CCCCCC" size="1"  />

            <div class="a">
            <div class="icon">
            </div>
            <div class="font">
                人事管理软件
            </div>
        </div>

        <div class="b">
            <div class="bicon">
            </div>
            <div class="bfont">
                IT资产管理软件
            </div>
        </div>

        <div class="c">
            <div class="cicon">
            </div>
            <div class="cfont">
                出境签证客户关系管理软件
            </div>
        </div>

        <div class="d">
            <div class="dicon">
            </div>
            <div class="dfont">
                生产线条码组装软件
            </div>
        </div>

        <div class="e">
            <div class="eicon">
            </div>
            <div class="efont">
                样品管理系统
            </div>
        </div>

        </div>
        <!--软件服务结束-->

        <!--IT服务开始-->
        <div class="demo itfw">
            <div class="wz">IT<font color="#FF0000">服务</font></div>
            <hr size="1" color="#BEBFC2" />
        </div>

            <div class="one">
                <img src="img/news01.jpg" width="300px"/>
            <div class="aaa">
                <h3>安卓苹果IOS开发顾问</h3>
            </div>
            WIT是全球首家在线IT服务的互联网平台，更集成了电商，团购及SNS于一身。

            </div>
            <div class="two">
                <img src="img/news02.jpg" width="300px"/>
                <div class="bbb">
                    <h3>移动办公专家</h3>
                </div>

                主导管理超过超过亿元跨国及全球IT项目，涉足的行业包括：医疗保健、IT电信、金融投资
            </div>
            <div class="three">
                <img src="img/news03.jpg" width="300px"/>
                <div class="ccc">
                    <h3>WIT电脑回收</h3>
                </div>

                回收笔记、回收旧电脑、回收电子设备及笔记本电脑维修的综合服务中心。
            </div>
            <div class="four">

                <img src="img/news04.jpg" width="300px"/>
                <div class="ddd">
                    <h3>各类软件系统文档撰写服务</h3>
                </div>

                充分利用云服务器来帮助用户实现外网对内网的访问，以及远程桌面管理，远程磁盘管理。
            </div>


        </div>
        <!--IT服务结束-->

            <!--新闻开始-->
        <div class="news">
            <div class="SC">
                <a>公司新闻</a>
                <div class="DL">
                    <img src="img/more.png" />
                </div>
                <div class="AG">
                    <img height="170px" width="363px" src="img/news11.jpg" /><br>
                    <p>上海无贤企业作为“上海市认证软件生产企业”</p>
                    <p>---------------------------------------------------</p>

                    <div class="NS">

                        <h6>
                        <a >国内知名金融投资公司融帮集团全Flash精品网站上线</a>

                    </h6>
                        <h6>
                        <a >美国通用电气GE柯福德产线条码扫描系统</a>
                    </h6>
                        <h6>
                        <a >全球首家IT服务B20和o2o平台上线</a>
                    </h6>
                    </div>

                </div>
            </div>

        </div>
        <div class="RQ">
            2014-08-05

        </div>
        <div class="R">
            2014-08-05

        </div>

        <div class="Q">
            2014-08-05

        </div>

        <div class="XY">
            <div class="WZ">
                <a>公司新闻</a>
                <div class="WD">
                    <img src="img/more.png" />
                </div>
                <div class="MH">
                    <img height="170px" width="363px" src="img/news12.jpg" /><br>
                    <p>全球质量认证巨头德国德凯(DEKRA)公司人事及OA系统上线</p>
                    <p>---------------------------------------------------</p>
                    <div class="T">

                        <h6>
                        <a >全国签证申请CRM管理系统成功上线</a>

                    </h6>
                        <h6>
                        <a >全球顶级奢侈品公司法国爱马仕全球IT资源管理系统</a>
                    </h6>
                        <h6>
                        <a >全球质量认证巨头荷兰凯码公司样品管理系统上线</a>
                    </h6>
                    </div>
                </div>
            </div>

        </div>

        <div class="p">
            2014-08-05

        </div>
        <div class="o">
            2014-08-05

        </div>

        <div class="rr">
            2014-08-05

        </div>
        <!--新闻结束-->

        <!--品牌开始-->
        <div class="pinp">
            <div class="w">
                <img src="img/tb01.jpg" />
            </div>
            <div class="h">
                <img src="img/tb02.jpg" />
            </div>
            <div class="y">
                <img src="img/fx_left.jpg" />
            </div>
            <div class="j">
                <img src="img/fx_right.jpg" />
            </div>

        </div>
        <!--品牌结束-->

        <!--底部开始-->
        <div class="bottom">

            <div class="F">
                <table>
                    <tr>
                        <td rowspan="7">
                            <div>
                                <img align="center" src="img/logo02.jpg" /><br />
                                <a class="V">400-665-9127</a>
                                <h6>
            <p align="center">周一至周五 8：30-11：30</p>
            </h6>

                                <p align="center">(仅收市话费)</p>
                            </div>
                        </td>

                        <td><img src="img/m_tb01.png" />
                            <font class="ww">关于WIT</font>
                        </td>
                        <td><img src="img/m_tb02.png" />
                            <font class="ww">公司新闻</font>
                        </td>
                        <td><img src="img/m_tb03.png" />
                            <font class="ww">联系我们</font>
                        </td>
                        <td><img src="img/m_tb04.png" />
                            <font class="ww">移动WTT</font>
                        </td>

                    </tr>
                    <tr>
                        <td align="center">
                            <font class="hh">WIT简介</font>
                        </td>
                        <td align="center">
                            <font class="hh">公司公告</font>
                        </td>
                        <td align="center">
                            <font class="hh">联系方式</font>
                        </td>
                        <td align="center">
                            <img src="img/weixin.png" />

                        </td>

                    </tr>
                    <tr>

                        <td align="center">
                            <font class="hh">WIT远景</font>
                        </td>
                        <td align="center">
                            <font class="hh">公司新闻</font>
                        </td>
                        <td align="center">
                            <font class="hh">在线留言</font>
                        </td>
                        <td rowspan="6"></td>

                    </tr>
                    <tr>
                        <td align="center">
                            <font class="hh">分支机构</font>
                        </td>
                        <td align="center">
                            <font class="hh">行业新闻</font>
                        </td>
                        <td rowspan="3"></td>

                    </tr>
                    <tr>
                        <td align="center">
                            <font class="hh">WIT远景</font>
                        </td>
                        <td rowspan="4"></td>

                    </tr>
                    <tr>
                        <td align="center">
                            <font class="hh">WIT管理</font>
                        </td>

                    </tr>
                    <tr>
                        <td align="center">
                            <font class="hh">WIT团队</font>
                        </td>

                    </tr>
                </table>
            </div>

        </div>
        <div class="foot">
            <font id="w">WIT&nbsp;&nbsp;B2B服务平台&nbsp;&nbsp;泸IPC备10200768 &nbsp;&nbsp;Copyright&nbsp;&nbsp;2012-2015&nbsp;51helpdesk.com&nbsp;&nbsp;版权所有

            </font><br />
            <font id="h">
                上海伍贤技术有限公司全资运营网站
            </font>
        </div>

        <!--底部结束-->

    </body>
</html>

CSS的代码：

.demo{

    margin:20px auto;
}

body{
    margin: 0;
    padding: 0;
}
/*顶部导航*/
.top{
    height: 80px;

}

.top img{
    display: block;
    float: left;
    margin-top:5px;
    margin-left:27% ;
    margin-right: 10%;
}

.top a{
    display: block;
    float: left;
    height: 80px;
    line-height: 80px;
    margin: 0px 30px;
    font-family: "微软雅黑";
    font-size: 18px;
    font-weight: bold;
    color: #3E3E3E;
    text-decoration: none;
    border: 2px double #FFFFFF;
}

.top a:hover{
    color: red;
    border-bottom:1px double red;
}

/*图片轮播*/
.lb{

    height: 690px;
}

/*软件服务*/


    .a {
        /*border: 0px solid #ffffff;*/

        width: 100px;
        height: 100px;
        text-align: center;
        float: left;
        margin-top:100px;
        margin-left:18% ;
        margin-right: 8%;
        white-space: nowrap;

    }

    .icon {
        width: 60px;
        height: 56px;
        background: url(../img/tb01.png) no-repeat;
        margin: 10px auto;
    }

    .a:hover {
        border: 0px solid red;
        cursor: pointer;
    }

    .a:hover .icon {
        background: url(../img/tb02.png) no-repeat;
    }

    .font{
        color: #999999;
        font-weight: bold;
    }
    .a:hover .font {
        color: red;
    }

        .b {
        /*border: 1px solid #ffffff;*/
        width: 120px;
        height: 120px;
        text-align: center;
        float: left;
        margin-top:100px;
        margin-right: 8%;
        white-space: nowrap;
    }

    .bicon {
        width: 60px;
        height: 56px;
        background: url(../img/tb11.png) no-repeat;
        margin: 10px auto;
    }

    .b:hover {
        border: 0px solid red;
        cursor: pointer;
    }

    .b:hover .bicon {
        background: url(../img/tb12.png) no-repeat;
    }
    .bfont{
        color: #999999;
        font-weight: bold;
    }
    .b:hover .bfont {
        color: red;
    }

        .c {
        /*border: 1px solid #ffffff;*/
        width: 120px;
        height: 120px;
        text-align: center;
        float: left;
        margin-top:100px;
        margin-right: 8%;

    }

    .cicon {
        width: 60px;
        height: 56px;
        background: url(../img/tb21.png) no-repeat;
        margin: 10px auto;
    }

    .c:hover {
        border: 0px solid red;
        cursor: pointer;
    }

    .c:hover .cicon {
        background: url(../img/tb22.png) no-repeat;
    }
    .cfont{
        color: #999999;
        font-weight: bold;
    }
    .c:hover .cfont {
        color: red;
    }

        .d {
        /*border: 1px solid #ffffff;*/
        width: 100px;
        height: 100px;
        text-align: center;
        float: left;
        margin-top:100px;
        margin-right: 8%;

    }

    .dicon {
        width: 60px;
        height: 56px;
        background: url(../img/tb31.png) no-repeat;
        margin: 10px auto;
    }

    .d:hover {
        border: 0px solid red;
        cursor: pointer;
    }

    .d:hover .dicon {
        background: url(../img/tb32.png) no-repeat;
    }
    .dfont{
        color: #999999;
        font-weight: bold;
    }
    .d:hover .dfont {
        color: red;
    }

        .e {
        /*border: 1px solid #ffffff;*/
        width: 100px;
        height: 100px;
        text-align: center;
        float: left;
        margin-top:100px;
        margin-right: 20%;
        white-space: nowrap;
    }

    .eicon {
        width: 60px;
        height: 56px;
        background: url(../img/tb41.png) no-repeat;
        margin: 10px auto;
    }

    .e:hover {
        border: 0px solid red;
        cursor: pointer;
    }

    .e:hover .eicon {
        background: url(../img/tb42.png) no-repeat;
    }
    .efont{
        color: #999999;
        font-weight: bold;
    }
    .e:hover .efont {
        color: red;
    }


.wz{
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    line-height: 80px;
    }


.rjfw{

    height: 400px;
}

/*IT服务*/
.itfw{
    height: 500px;
    background: url(../img/background-image.jpg) no-repeat ;
    background-size: 100%;
}
    .one{
        border: 8px solid #FFFFFF;
        width: 300px;
        height: 400px;
        text-align: center;
        margin-left: 250px;
        margin-top: -200px;
    }
    .one:hover{
        border: 8px solid red;

    }       

    .one:hover .aaa{
        color: red;
    }

    .two{
        border: 8px solid #FFFFFF;
        width: 300px;
        height: 400px;
        text-align: center;
        margin-left: 600px;
        margin-top: -416px;
    }
    .two:hover{
        border: 8px solid red;
    }
    .two:hover .bbb{
        color: red;
    }

    .three{
        border: 8px solid #FFFFFF;
        width: 300px;
        height: 400px;
        text-align: center;
        margin-left: 950px;
        margin-top: -416px;
    }
    .three:hover{
        border: 8px solid red;
    }       
    .three:hover .ccc{
        color: red;
    }

    .four{
        border: 8px solid #FFFFFF;
        width: 300px;
        height: 400px;
        text-align: center;
        margin-left: 1300px;
        margin-top: -416px;
    }
    .four:hover{
        border: 8px solid red;
    }
    .four:hover .ddd{
        color: red;
    }





/*新闻*/

.news {
    /*background-color: #F8F8F8;*/
    border: 0px solid white;
    margin-right: 31px;
    margin-left: 453px;
}

.SC {
    margin-right: 30px;
    margin-top: 20px;
    margin-left: 60px;
    font-family: "微软雅黑";
    font-weight: bold;
}

.AG {
    margin-right: 40px;
    margin-top: 12px;
    margin-left: -5px;
    size: 60px;
}

.DL {
    margin-right: 40px;
    margin-top: -21px;
    margin-left: 315px;
    width: 20px;
}

.XY {
    margin-right: 31px;
    margin-left: 600px;
}

.WZ {
    margin-right: 30px;
    margin-top: -465px;
    margin-left: 389px;
    font-family: "微软雅黑";
    font-weight: bold;
}

.MH {
    margin-right: 40px;
    margin-top: 12px;
    margin-left: -5px;
    size: 60px;
}

.WD {
    margin-right: 40px;
    margin-top: -21px;
    margin-left: 315px;
    width: 20px;
}

.NS a {
    color: #A9A9A9;
}

.NS a:hover {
    color: red;
    border-bottom: 2px double red;
}

.RQ {
    border: 2 solid blue;
    height: 60px;
    margin-left: 814px;
    margin-right: 20px;
    margin-top: -137px;
    color: #A9A9A9;
}

.R {
    border: 2 solid blue;
    height: 60px;
    margin-left: 814px;
    margin-right: 20px;
    margin-top: -14px;
    color: #A9A9A9;
}

.Q {
    border: 2 solid blue;
    height: 60px;
    margin-left: 814px;
    margin-right: 20px;
    margin-top: -18px;
    color: #A9A9A9;
}

.T a {
    color: #A9A9A9;
}

.T a:hover {
    color: red;
    border-bottom: 2px double red;
}

.p {
    border: 2 solid blue;
    height: 60px;
    margin-left: 1259px;
    margin-right: 20px;
    margin-top: -137px;
    color: #A9A9A9;
}

.o {
    border: 2 solid blue;
    height: 60px;
    margin-left: 1259px;
    margin-right: 20px;
    margin-top: -14px;
    color: #A9A9A9;
}

.rr {
    border: 2 solid blue;
    height: 60px;
    margin-left: 1259px;
    margin-right: 20px;
    margin-top: -18px;
    color: #A9A9A9;
}

h6:hover {
    cursor: pointer;
}


/*品牌*/

.pinp {
    height: 100px;
}

.pinp img {
    display: block;
    float: left;
    height: 80px;
    line-height: 100px;
}

.pinp .w {
    margin-top: 10px;
    margin-left: 16%;
}

.pinp .h {
    margin-top: 10px;
    margin-left: 10%;
}

.pinp .y {
    margin-top: 5px;
}

.pinp .j {
    margin-top: 5px;
}


/*底部*/

.bottom {
    text-align: center;
    width: 1400px;
    background-color: #EEEEEE;
    border: 2 solid blue;
    margin-left: 270px;
    margin-right: 433px;
    margin-top: 3px;
    height: 324px;
}

.F {
    margin-left: 170px;
    margin-right: 32px;
    margin-top: -16px;
    height: 255px;
    width: 1200px;
}

.F td {
    text-align: center;
    width: 202px;
    height: 37px;
}

.V {
    font-size: 27px;
    color: red;
    padding-top: 5px;
}

.ww {
    font-weight: 600;
    color: #666666;
    font-size: 16px;
}

.hh {
    color: #656565;
    font-size: 12px;
}

.foot {
    left: -400px;


    width: 2000px;
    height: 45px;
    position: absolute;
    background-color: #3E3E3E;
    font-family: "宋体";
}

.foot,
#w {
    padding-top: 15px;
    margin-left: 300px;
    font-size: 18px;
    color: white;
}

.foot,
#h {
    padding-top: 25px;
    padding-left: 220px;
    margin-left: 20%;
    font-size: 18px;
    color: white;
}

仿写WIT前端界面

Lfh_dream
关注
专栏目录
推荐系统顶会论文总结——KDD 2021
qq_42283185的博客
04-11 1597
KDD2021 1.Reinforced Anchor Knowledge Graph Generation for News Recommendation Reasoning Author(Institute): Jianxun Lian KeyWords: news recommender; knowledge graph; recommendation reasoning Dataset: MIND; Bing News 2.Model-Agnostic Counterfactual Reasonin
网页学习——JavaScript事件
m0_53156691的博客
04-23 1970
JavaScript事件是指用户与浏览器中的Web页面进行交互时，触发了网页元素的JavaScript函数的行为，如点击。悬停、键盘输入或者页面加载等，主要是用来响应用户的操作，以创建可以交互的页面。 在JavaScript中，一个事件的完成会经历四个阶段： 触发阶段：对各个节点进行相关设置的初始阶段； 捕获阶段：该阶段事件会沿着DOM树从最高的document节点向子节点传递，直到目标节点； 处理阶段：浏览器查找到目标节点的事件监听器并且运行； 冒泡阶段：该阶段事件沿着DOM树从目标节点向父节点传递.
kali工具熟悉——情报分析
beidideshu的博客
10-17 1516
kali工具熟悉——情报分析，其实就是从一些地方收集重要信息的工具
精通响应式 Web 设计（三）
最新发布
龙哥盟
07-30 501
原文：zh.annas-archive.org/md5/14CB11AB973C4F1BAA6102D9FEAB3F3B 译者：飞龙 协议：CC BY-NC-SA 4.0 第五章：设计由大手指驱动的小 UI 触摸屏设备的普及并不新鲜，对于我们——网络/移动设计师和开发人员来说。因此，我们不会谈论市场份额、统计数据或分析数字。相反，我们将讨论我们需要考虑的事项，如目标大小、导航模式、导航图标、最佳实践和移动设备人体工程学。 在本章中，我们将涵盖以下主题： 小 UI 上的理想目标大小。 姿势模式和触
Ajax —— XMLHttpRequest 对象知识梳理
sunshine9284的博客
08-26 295
1. XMLHttpRequest 对象： 1.1 概述： XMLHttpRequest 对象是一个JavaScript 对象，能够通过 HTTP 协议连接到服务器。Ajax的异步性就是由这个对象的特性获得的。 XMLHttpRequest 向服务器发送一个异步请求，一旦请求被初始化，其余的js代码不需要等待服务器端相应，即异步。 当然，XMLHttpRequest 也可以发送同步请求。 1.2...
自动化运维工具——YAML详解
weixin_50345059的博客
01-19 1744
自动化运维工具——YAML详解YAML介绍YAML语法基本语法YAML支持的数据结构:playbook的组成 YAML介绍 YAML是一个可读性高的用来表达资料序列的格式。YAML参考了其他多种语言，包括：XML、C语言、Python、Perl以及电子邮件格式RFC2822等。Clark Evans在2001年在首次发表了这种语言，另外Ingy döt Net与Oren Ben-Kiki也是这语言的共同设计者。 YAML Ain’t Markup Language，即YAML不是XML。不过，在开发的这种语
探索自然语言处理的新境界——Laice
gitblog_00068的博客
06-04 347
探索自然语言处理的新境界——Laice laice Train your own Natural Language Processor from a browser ???? (Prototype) 项目地址: https://gitcode.com/gh_mirror...
微服务注册中心：Consul——服务注册
程序员架构进阶
05-27 938
系列文章： 微服务架构：网关概念与 zuul 微服务网关：Spring Cloud Gateway —— Zuul 微服务网关：Spring Cloud Config- 配置中心 微服务网关方案：Kong & Nacos Nacos 实践 微服务网关：Nacos 源码实践（二） 微服务注册中心：Consul——概念与基础操作 一 简介 微服务注册中心：Consul——概念与基础操作介绍了consul的安装和基本操作，本篇开始在consul上进行服务注册与发现，语言使用Java.
从零开始搭建完整的电影全栈系统（五）——WEB网站、Api以及爬虫的部署
刘强西哥哥
09-22 1187
这节我们记录下WEB网站、Api以及爬虫部署到服务器的过程。 服务器配置：CentOS7.8单核1G内存 运行环境为了简化安装宝塔面板。运行环境nginx、PHP7.4、Mysql5.6.48、Python3.7.8，参考下图： WEB网站和API部署： 通过宝塔面板新建网站，新建数据库参考下图： 将项目代码，如下图，整个上传到服务器，并将数据库导入到服务器： 我们WEB有两部分组成，网站和API。将对应的域名分别绑定到对应的文件夹。比如我这里 指向网站目录，api.shipinbofang.com指
PA-WiT-Python-S21:纸飞机女性在科技
04-04
《纸飞机女性在科技——2021年春季Python课程》是一门专为女性设计的编程教育课程，旨在提升女性在科技领域的参与度和技能。课程聚焦于Python语言的学习，利用Jupyter Notebook作为主要的教学工具，让学生在实践中...
广度优先搜索算法编程题代表——单词接龙
qq_45841205的博客
05-06 919
广度优先搜索算法编程题代表——单词接龙 题目描述： 字典 wordList 中从单词 beginWord 和 endWord 的 转换序列 是一个按下述规格形成的序列： 序列中第一个单词是 beginWord 。 序列中最后一个单词是 endWord 。 每次转换只能改变一个字母。 转换过程中的中间单词必须是字典 wordList 中的单词。 给你两个单词 beginWord 和 endWord 和一个字典 wordList ，找到从 beginWord 到 endWord 的 最短转换序列 中的 单词数目
【翻译】代码指针完整性——Code Pointer Integrity
ronnie88597的博客
12-09 614
代码指针完整性 文章目录代码指针完整性摘要SEC-1 介绍SEC-2 威胁模型SEC-3 设计3.1 代码指针完整性（CPI）的属性3.2 CPI执行机制3.2.1 CPI静态分析3.2.2 CPI检查3.2.3 隔离安全区域3.2.4 安全栈3.3 代码指针分离（CPS）SEC-4 实施4.1 分析和检查Passes4.2 安全堆栈检查Pass4.3 运行时支持库4.4 二进制级功能4.5 局限性4.6 敏感的数据保护4.7 未来基于MPX的实施SEC-5 评估5.1 RIPE基准的有效性5.2 SPEC
Bootstrap栅格系统（屏幕大小）
热门推荐
qq_40139513的博客
09-28 1万+
栅格 屏幕在Bootstrap的栅格系统中有：/* 超小屏幕（手机，小于 768px） */ /* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */ .col-xs-/* 小屏幕（平板，大于等于 768px） */ @media (min-width: @screen-sm-min) { ... } .col-sm-/*
web——界面登录
qq_40139513的博客
09-26 3565
看着会有点小清新下面是HTML、CSS、JS代码第一个界面：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title>
Web——鼠标事件
qq_40139513的博客
09-27 1158
鼠标事件 关于手机移动偏移的
web——百度首页
qq_40139513的博客
09-26 1149
这是我第一次自己写的一个界面，请大家多多关照下面是HTML和CSS代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度一下，你就知道</title> <script type="text/javascript" src="js/new_file.js" ></scrip
Web——焦点事件
qq_40139513的博客
09-28 914
下面是如何获取焦点失去焦点的运用希望能帮到大家： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> //获取焦点事件 function myFocus(){ }
web——媒体查询
qq_40139513的博客
09-27 445
定位布局媒体查询的代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ border: 1px solid #000000; width: 1
CLIP WIT数据集
05-29
CLIP WIT数据集是一种用于训练图像和文本模型的大型数据集。它由OpenAI创建，包含超过300,000个图像-文本对，其中文本描述了图像的内容，例如图像中的对象、场景和情感等。该数据集旨在帮助模型更好地理解图像和文本之间的联系，并促进更准确的自然语言处理和计算机视觉任务。此外，该数据集还提供了一个基准测试集，用于评估各种图像和文本模型的性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值