博客列表 >Html文档结构和基础标签应用-20190311_8:00

Html文档结构和基础标签应用-20190311_8:00

选择角色
选择角色原创
2019年03月12日 16:49:30641浏览
<!DOCTYPE html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>魔方公寓获得1.5亿美元D轮融资,未来将运营人才公寓和公租房 | 钛快讯-钛媒体官方网站</title>
    <link rel="icon" type="image/x-icon" href="http://www.tmtpost.com/favicon.ico?v=1"><!-- 引入头部logo-->
</head>
<!--仿 http://www.tmtpost.com/3811631.html -->
<style>
    * {
        margin: 0; /*清除浏览器自带外边距*/
        padding: 0; /*清除浏览器自带内边距*/
    }

    body {
        font-family: "Microsoft YaHei"; /*body内所有字体为"微软雅黑"*/
        overflow-x: hidden; /*页面X轴超出部分隐藏*/
    }

    a {
        text-decoration: none; /*去除所有a标签样式*/
    }

    .wrap {
        width: 700px; /*设置整体版心宽度*/
        margin: 0 auto; /*主要内容沿X轴居中*/
        padding-top: 50px; /*向上内边距50px*/
    }

    .toper h1 {
        font-size: 36px; /*设置字体大小*/
        line-height: 46.8px; /*设置h1标签的行内高度*/
        margin-bottom: 18px; /*向下外边距18px*/
        font-weight: normal; /*字体显示为正常的"不加粗"*/
        color: #333; /*设置字体颜色*/
    }

    .toper a {
        color: #00A4A0;
        font-size: 14px;
        display: block; /*将a标签设置为块级元素,占一行*/
        margin-bottom: 30px; /*在a标签为块级元素的情况下显示正常*/
    }

    .toper a span,
    .toper a font {
        color: #B3B3B3; /*span和font的字体颜色*/
    }

    .toper a span {
        margin: 0 5px; /*span的左右外边距为5px,上下为0*/
    }

    .toper p {
        padding: 20px 30px; /*p标签的左右内边距为30px,上下为20px*/
        background: #f6f6f6; /*背景颜色*/
        font-size: 14px;
        margin-bottom: 40px;
    }

    .toper p span {
        color: #333;
        font-weight: bold; /*字体加粗*/
    }

    .toper img {
        width: 100%; /*宽度为上一层元素宽度的100%*/
        margin-bottom: 30px;
    }

    .cen p {
        font-size: 18px;
        color: #333;
        line-height: 31px;
        margin-bottom: 30px;
    }

    .cen p span {
        font-weight: bold;
    }

    .cen img {
        width: 100%;
        margin-bottom: 30px;
    }

    .cen div {
        font-size: 14px;
        text-align: center;  /*字体居中*/
    }

    .cen div div {
        width: 210px;
        height: 1px; /*高度为1像素*/
        padding-top: 14px;
        margin: 0 auto 30px; /*上  左右   下*/
        border-bottom: 1px solid #ddd; /*向下的边框为1像素,实心线,颜色*/
    }

    .cen h3 {
        text-align: center;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .cen .sm {
        color: #9FA3A7;
        font-size: 14px;
        margin-left: 35px;
    }

    .cen .sm a {
        color: #205B87;
    }
</style>

<body>
    <div class="wrap"> <!--最外层版心-->
        <div class="toper"> <!--统一的样式分为一块-->
            <h1>魔方公寓获得1.5亿美元D轮融资,未来将运营人才公寓和公租房 | 钛快讯</h1> <!--标题-->
            <a href="">高梦阳<span>•</span>
                <font>2019-03-11 15:34</font>
            </a>
            <p><span>摘要:</span>新一轮融资到手后,魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。</p>
            <img src="https://images.tmtpost.com/uploads/watermark/1400/42e0e536b5092de016d264c4d27d8de0012f8945_1400_933.jpeg?imageMogr2/strip/interlace/1/quality/85&ext=.jpeg">
        </div>
        <div class="cen">
            <p><span>钛媒体快讯 | 3月11日消息:</span>钛媒体获悉,魔方生活服务集团获得由加拿大机构基金管理公司CDPQ投资的1.5亿美元的D轮融资。</p>
            <p>公开资料显示,魔方生活服务集团是国内的集中式长租公寓的代表,也是最早一批投身连锁长租公寓行业的创业公司。根据魔方公寓提供的信息,目前魔方是国内在营房量最大、营业收入最高的集中式公寓运营商。旗下产品包括面对都市白领的魔方公寓,面向企业蓝领的9号楼公寓,立足中高端的摩尔公寓以及面向年轻用户的V客青年公寓。</p>
            <p>据钛媒体了解,本轮战略投资方加拿大魁北克储蓄投资集团(CDPQ)是一家长期投资管理机构,负责管理加拿大魁北克省的公共养老基金以及保险计划的资产。截止2018年12月31日,CDPQ 管理的基金净资产已达3,095亿加元。</p>
            <p>据CDPQ亚太区私募股权投资总经理林明安向钛媒体透露,这是其在中国投资的第一个项目,而这笔融资将为魔方的未来项目拓展提供资金保障和战略支持。</p>
            <p>此前,魔方公寓已完成三轮股权融资,投资方包括中航信托、美国华平集团、德同资本等,在投资并购方面,魔方先后对窝趣等国内多个知名的公寓项目进行投资。</p>
            <img src="https://images.tmtpost.com/uploads/watermark/1400/849c7a29e879768fc4ae5bb3802849ec7b1b8a15_1400_333.png?imageMogr2/strip/interlace/1/quality/85/format/jpg&ext=.png">
            <div>魔方公寓历年融资情况 来源:天眼查<div></div>
            </div>
            <p>此次融资是2019年集中式公寓领域宣布的第一笔大额融资。而魔方生活服务集团CEO柳佳向钛媒体表示,魔方此次融资将主要用于进一步提升***影响力,深化运营管理,完善IT系统和会员体系,进行项目并购及轻资产拓展,打造高效、便捷、智慧的公寓管理协作平台,为行业赋能,成为中国长租公寓管理第一***。</p>
            <p>2018年,由于众多长租公寓运营商滥用金融杠杆、盲目扩张,引发了多起爆仓事件,行业也经历了一波倒闭潮与整合潮。进入2019年,行业中也只有分散式的蛋壳公寓与集中式的魔方公寓。</p>
            <p>尽管2018年行业遭遇了挫折,但7天连锁酒店创始人,同时也是魔方生活服务集团董事长郑南雁也很看好长租公寓的未来。</p>
            <p>他认为,发展长租公寓已经成为当下中国房地产发展的重要长效机制,魔方通过将闲置和低效利用的存量物业转变为人民群众需要的‘增量’租赁用房,创造了中国新时代下的租赁模式,既符合城市更新、产业发展以及政策导向,也满足了人民提升租住体验、追求美好生活的需求。</p>
            <p>对此,柳佳也表示,由于大规模的城市化与人口迁移,加之大城市房价的上涨,国内租赁***的需求不会下降,反而在不断上涨。随着国家政策的持续扶持,以及租赁用地、房源的增加,行业依然有着很大的空间与潜力。</p>
            <p>柳佳认为,行业内现存的玩家,更应该把注意力放在运营管理效率的提升上。而目前看来,魔方已经有了不错的成绩。</p>
            <p>据她介绍,魔方是行业内坪效最高的公寓运营商,精细化运营管理和领先的技术管理平台让门店收益实现最大化。而通过云计算、大数据,人工智能和物联网技术的创新运用,魔方打造了的智慧公寓,实现租客生活场景都实现智能化、安全化、无人化。</p>
            <p>另外,魔方还将智能化管理与APP结合,租客从找房看房,到签约入住和租后服务,以及入住后的生活需求包括出行、购物、社交等,都可以在APP上一键实现。</p>
            <p>与此同时,柳佳还宣布魔方启动了轻资产战略加速仪式。目前,魔方已针对地产开发商、建筑商、物业持有者等已经探索出了***、托管、合资等多种灵活的合作模式。目前,魔方已实现在华南、华东等多地区国企合作的开拓,和当地企业成立合资公司,共同开展长租公寓项目管理、运营。此次融资有利于帮助魔方软硬件全面升级,进一步加快魔方在轻资产领域的拓展合作。</p>
            <p>此外柳佳还披露,接下来魔方聚焦长租公寓领域的同时,还将加强政企合作参与到城市人才公寓建设和公租房运营管理中,积极参与行业规则的制定。目前,魔方是深圳、武汉、南京等多个住房租赁试点城市的试点企业,多次作为行业代表参与国家部委对长租公寓行业的***调研,参与住建部、商务部等有关长租公寓行业标准的制定。(本文首发钛媒体,作者/高梦阳)</p>
            <h3>更多精彩内容,关注钛媒体微信号(ID:taimeiti),或者下载钛媒体App</h3>
            <img src="https://images.tmtpost.com/uploads/images/2017/12/20171204114042938.jpg">
            <p class="sm">本文系钛媒体原创,未经授权不得使用,如需获取转载授权,请<a href="https://101611220003677.bqy.mobi">点击这里</a>。</p><!--因为是对外公布的,谁知道会不会有版权,还是给成原文链接吧-->
        </div>
    </div>
</body>

</html>


6.jpg

测试是没问题的。

经验总结:

    大量的重复性文字描述,可以统一标签和样式。

    PC网页间距过多的情况下尽量给定死高,防止出现错位。

    如果不得不进行向上的间距,可以给上面的元素margin-bottom,或者加一个满宽度自定义高度的空div,或者在不影响内部元素位置的情况下给本身添加padding-top。尽量不要使用margin-top。margin-top本身会出现大量问题,影响页面,尽管可以用clear:both;解决问题,但是大量的margin-top最后吃亏的还是自己。

    标签本身是有层级关系的,a标签可以包含p标签,但是p标签不能嵌套进行了块级元素的a标签。

    标签本身都是有存在意义的,不要一直使用单一的标签,不要大量使用a标签做不必要的样式,容易出事。多样的标签也容易有序的赋予样式。

    margin: 0 auto;在元素本身有宽度并且是块级元素的时候才能生效。

    多进行格式化代码,方便阅读。

    多ctrl+F5。

    代码的像素点要精准。不能差一像素。


ps: 这已经是我第4次系统的学习这些基础知识了。。。。就不手抄了  (っ °Д °;)っ

    



声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议