当前位置： 移动技术网 > IT编程>网页制作>CSS > 自学VS的第一天

自学VS的第一天

2019年05月04日  | 移动技术网IT编程  | 我要评论

自学vs第一天

（目标用vs做个不low的简历）

学习视频

代码

写了一天的代码，自己理解的内容在注释里

<!doctype html>
<html lang="en">

<head>
    <title>个人简历</title>
</head>
<body>
    <style>
        body {
            background: rgb(255, 255, 255);
            color:rgb(53, 52, 52);
            font-family: 'franklin gothic medium', 'arial narrow', arial, sans-serif;
        }
        header {
            background: rgba(166, 194, 230, 0.425);
            color:rgb(53, 52, 52);
            padding:auto;
        }

        section {
            background: rgb(86, 54, 231);
             color:rgb(53, 52, 52);
        }
        div{
            background: rgb(235, 211, 211);
            color:rgb(53, 52, 52);
            weight:400px;
            height: 400x;
            margin: 10px 10px 10px 30px;
            display: flex;
            
        }
        div_hobby{
            background: rgb(154, 214, 14);
            color:rgb(53, 52, 52);
            margin: 10px 30px 10px 30px;
            display: inline;
            weight:50px;
        }
        footer {
            background: rgb(166, 194, 230, 0.425);
            color:rgb(53, 52, 52);
        }
    </style>
    <header>简历</header>
    <section>个人资料</section>
    <div>名字: yang</div>
    <div>性别: 男</div>
    <div>学历: 大专</div>
    <div>专业: 生物制药</div>
    <div>特长</div>
    <div_hobby>ps</div_hobby>
    <div_hobby>ai</div_hobby>
    <section>工作经历</section>
    <footer>博客链接</footer>

</body>

</html>
<!-- weight行距 -->
<!-- height间距 -->
<!-- background背景颜色 -->
<!-- color默认是字体颜色 -->
<!-- div,header,footer,p,ulh和标签一样名字要标签区分的话用div_name -->
<!-- 快捷键创建多个标签比如3个div,div*3+tab -->
<!-- display排列方式，display: inline 并列排成一行 -->

完成效果

http://images.cnblogs.com/cnblogs_com/pythonywy/1456775/o_vs%e5%81%9a%e7%ae%80%e5%8e%86%e7%ac%ac%e4%b8%80%e5%a4%a9.png

vs的汉化

在插件栏找到chinese (simplified) language pack for visual studio code进行安装重启软件即可

vs我用到的插件

bracket pair colorizer

可以让（）{}[]用不同颜色标注

guides

排列的时候有虚线提示利于观察

live share

能够在离线web上运行实时显示保存后的效果

one dark theme

是一个蛮好看的桌面主题

bookmarks

标签

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网