前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VS第一天(一堆错误的错误示范)

VS第一天(一堆错误的错误示范)

作者头像
小小咸鱼YwY
发布2019-07-24 15:31:41
4980
发布2019-07-24 15:31:41
举报
文章被收录于专栏:python-爬虫

自学VS第一天

(目标用vs做个不low的简历)

学习视频

https://www.bilibili.com/video/av48489320/?p=1

代码

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

代码语言:javascript
复制
<!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 并列排成一行 -->

完成效果

VS的汉化

在插件栏找到Chinese (Simplified) Language Pack for Visual Studio Code进行安装重启软件即可

VS我用到的插件

Bracket Pair Colorizer

可以让(){}[]用不同颜色标注

Guides

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

Live Share

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

One Dark Theme

是一个蛮好看的桌面主题

Bookmarks

标签

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-05-05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 自学VS第一天
    • (目标用vs做个不low的简历)
      • 学习视频
        • 代码
        • 完成效果
      • VS的汉化
        • VS我用到的插件
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档