专栏首页python-爬虫VS第一天(一堆错误的错误示范)

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

自学VS第一天

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

学习视频

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

代码

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

<!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

标签

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • VS搭建一个WEB的简历第二天,,,最终目标写个好看的简历,再搭建一个自己脑海的网页

    第一天写的代码https://www.cnblogs.com/pythonywy/p/10816215.html,写了一堆错误T T

    小小咸鱼YwY
  • VS做简历的第三天(将文件中的样式保存并且导入)

    谢谢 关于display: ,我还是未能理解希望大佬路过指点一下举个例子,我查过百度看过很多也尝试过display后面所有自动生产的命令,我还是没法理解.

    小小咸鱼YwY
  • 自学前端第三天

    小小咸鱼YwY
  • 40个重要的HTML 5面试问题及答案

    目录 介绍 SGML、HTML、XML和XHTML之间的关系? 什么是HTML 5? 如果我不输入<!DOCTYPE HTML>,HTML 5能工作吗? 哪些浏...

    前朝楚水
  • jquery 元素节点操作 - 创建节点、插入节点、删除节点

    前面的篇章对于jquery的元素操作大部分是使用html()的方式来操作,这种直接使用字符串创建的方式也是性能最高的。

    Devops海洋的渔夫
  • javascript当中div在单行(float:left)用法

    div在单行(float:left) 例 1.2.1 divInOneLineIEFF.html <div style="width:100px"> ...

    马克java社区
  • Vue.js学习笔记(2)

    程序员不务正业
  • swiper宽度超出后自动适应的tab关联切换导航

    声明:本文由w3h5原创,转载请注明出处:《swiper宽度超出后自动适应的tab关联切换导航》 https://www.w3h5.com/post/399.h...

    德顺
  • Python持久化管理   pickle

    看了一下python也可以用面向对象 就试着将java写法 就在python上试了一下 顺便熟悉一下语法  还不错。。。 希望大神指点更简结 灵巧 写法 请留求...

    py3study
  • HTML的元素嵌套规则

      address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu...

    山河木马

扫码关注云+社区

领取腾讯云代金券