[武汉|结业弟子]JS-万晶|2019年11月13日的日报-技能树.IT修真院

发表于： 2019-11-13 22:26:41

1 1024

今天完成的事情：大致写完了任务八第一个页面的响应式样式，开始写第二个页面
明天计划的事情：继续任务八
遇到的问题：背景图片分辨率不对页面看起来巨丑，明天继续调整
收获：今天写了第二个页面的一部分，代码部分

 <div class="d1">
            <span style="white-space: nowrap;">客服电话：010-594-34567</span>
            
            <img src="./8/1.png" alt="">
    </div>
    <p align="right" class="x1" style="margin: 0;">登录 ︱ 注册</p>
    <img class="rr" src="./8/dddaa.jpg" alt="">
    <div class="box2">
        <div class="m1"><a href="" ><label id="menu1" for="menu"></label></a></div>
        <input id="menu" type="checkbox">
        <div class="d2">
            <a href="" class="a1">
                首页
                <div class="y1"></div>
            </a>
            <a href="" class="a2">
                首页
                <div class="y2"></div>
            </a>
            <a href="" class="a3">
                首页
                <div class="y3"></div>
            </a>
            <a href="" class="a4">
                首页
                <div class="y4"></div>
            </a>               
        </div>
    </div>

头部是直接用的第一个页面的，加了一个技能树的图，效果

下面插入了背景图，屏幕与设计图分辨率不同，怎么看都很奇怪，代码部分

 <div class="g2">
        <div class="g21"><h2>内部直推</h2><br><p>RECOMMENDED <br>OPPORTUNITIES </p></div>
        <h1>快人一步</h1>
    </div>

效果图

文字样式还没有写，再下面用了bootstrap布局直接分割了页面，代码部分

div class="col-md-9">
            <div class="c1">
                <img src="./8/cc1.png" alt="">
                <p>豆是阿里巴巴文化娱乐集团旗下短视频平台，以“只要时刻有趣着”为口号，号召全球有趣短视频。由阿里巴巴文化娱乐集团移动事业群总裁何小鹏兼任总裁，全力进击PUGC领域。
                        2005年4月15日正式上线，是全球最早上线的视频网站之一。2014年1月，“土豆网”正式更名为“土豆”，标志着土豆网进入品牌发展的新阶段。
                        土豆网相信年轻人的想象力、创造力，相信土豆的平台能帮助年轻人创造出更多，更好的影像作品，来表达对自己、生活和这个时代的看法。同时，土豆网提倡尊重“每个人”的个性，
                        尊重每个人自主地选择自己的生活，成为自己成长的导演。2012年8月20日，土豆和优酷合并成优酷土豆集团。</p>
            </div>
            <div class="c2">
                <p>
                        2012年3月12日，优酷股份有限公司(NYSE: YOKU) (“优酷”) 和土豆股份有限公司 (NASDAQ: TUDO) (“土豆”)共同宣布，优酷和土豆将以100%换股的方式合并。2012年8月20日，优酷土豆合并方案获双方股东大会高票批准通过，优酷土豆集团公司正式诞生。2013年4月，优酷土豆集团宣布进入“集团BU化”运营阶段，提出“优酷更优酷，土豆更土豆”的发展战略。
                        <br><br>
                        2012年3月12日，优酷股份有限公司(NYSE: YOKU) (“优酷”) 和土豆股份有限公司 (NASDAQ: TUDO) (“土豆”)共同宣布，优酷和土豆将以100%换股的方式合并。2012年8月20日，优酷土豆合并方案获双方股东大会高票批准通过，优酷土豆集团公司正式诞生。2013年4月，优酷土豆集团宣布进入“集团BU化”运营阶段，提出“优酷更优酷，土豆更土豆”的发展战略。<br><br>
                        2012年3月12日，优酷股份有限公司(NYSE: YOKU) (“优酷”) 和土豆股份有限公司 (NASDAQ: TUDO) (“土豆”)共同宣布，优酷和土豆将以100%换股的方式合并。2012年8月20日，优酷土豆合并方案获双方股东大会高票批准通过，优酷土豆集团公司正式诞生。2013年4月，优酷土豆集团宣布进入“集团BU化”运营阶段，提出“优酷更优酷，土豆更土豆”的发展战略。<br><br>
                        2012年3月12日，优酷股份有限公司(NYSE: YOKU) (“优酷”) 和土豆股份有限公司 (NASDAQ: TUDO) (“土豆”)共同宣布，优酷和土豆将以100%换股的方式合并。2012年8月20日，优酷土豆合并方案获双方股东大会高票批准通过，优酷土豆集团公司正式诞生。2013年4月，优酷土豆集团宣布进入“集团BU化”运营阶段，提出“优酷更优酷，土豆更土豆”的发展战略。<br><br>
                        2012年3月12日，优酷股份有限公司(NYSE: YOKU) (“优酷”) 和土豆股份有限公司 (NASDAQ: TUDO) (“土豆”)共同宣布，优酷和土豆将以100%换股的方式合并。2012年8月20日，优酷土豆合并方案获双方股东大会高票批准通过，优酷土豆集团公司正式诞生。2013年4月，优酷土豆集团宣布进入“集团BU化”运营阶段，提出“优酷更优酷，土豆更土豆”的发展战略。
                </p>
            </div>
        </div>
        </div>  