自学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

标签

VS第一天（一堆错误的错误示范）的更多相关文章

  1. could not build module 'XXXXXXXX'或者error: expected identifier or '(' 。一堆奇怪的错误————错误根源

    一堆奇怪的错误:1⃣️could not build module 'XXXXXXXX' 2⃣️error: expected identifier or '(' 3⃣️EDIT Setting Pr ...

  2. [WCF编程]11.错误：错误契约

    一.错误传播 服务需要向客户端报告特定错误,当WCF默认的错误屏蔽方法并不包含这一实现.另一个重要的问题与传播到客户端有关,即由于异常是针对特定技术的,因此无法跨越服务边界而被共享.要实现无缝的互操作 ...

  3. sql server在执行批处理时出现错误。错误消息为: 目录名无效

    今天在客户服务器上的sql server上执行脚本,报错提示“在执行批处理时出现错误.错误消息为:目录名无效”,第一反应就是客户是不是在服务器装了360,因为之前有类似问题,360把数据库的文件给隔离 ...

  4. 急！JDBC问题，发生通信错误。错误位置：Reply.fill()。消息：数据不足。 ERRORCODE=-4499, SQLSTATE=08001

    代码如下:Class.forName("com.ibm.db2.jcc.DB2Driver");Connection conn = DriverManager.getConnect ...

  5. iis7.5错误 配置错误

    iis7.5详细错误   HTTP 错误 500.19 - Internal Server Error无法访问请求的页面,因为该页的相关配置数据无效. 详细错误信息模块 IIS Web Core 通知 ...

  6. 在SQL2008R2查询分析器出错(在执行批处理时出现错误。错误消息为: 目录名称无效。)

    在用SQL2008R2查询分析器时 SELECT * FROM 表名; 出错: 在执行批处理时出现错误.错误消息为: 目录名称无效. 原因: 在打开查询分析器时,用360软件清空了临时文件(只是偶尔1 ...

  7. WCF(远程服务器返回错误: 400 错误的请求)

    类似相关问题有以下: WCF- restful接口 POST方式调用报错(远程服务器返回错误: 400 错误的请求) WCF Rest:不使用UriTemplate使用post方式传参解决HTTP40 ...

  8. post数据时报错：远程服务器返回错误: (400) 错误的请求。

    网上查了多种方法,有不少说法,报400说是传的数据格式不对,最后的结论确实是数据格式不对. Content_Type为:application/json,配的数据格式有些麻烦,特别数多层,单层还好.例 ...

  9. SharePoint 2013 Workflow Manager 1.0 远程服务器返回错误: (400) 错误的请求。 不支持查询字符串中的 api-version

    环境: Windows Server 2012 R2 Standard SharePoint Server 2013 with sp1 通过Web 平台安装程序 5.0,已安装 Workflow Ma ...

  10. 错误1919,配置ODBC数据源MS Access Database时发生错误ODEC错误

    WIN7 64位旗舰版安装OFFICE2003 提示:“错误1919,配置ODBC数据源MS Access Database时发生错误ODEC错误” 在64位系统上,32位软件的注册表的信息不是直接在 ...

随机推荐

  1. vue 脚手架 图片预加载

    $('.back-img').onload =function(){ var img =new Image(); img.src = '../assets/dt-bj.png'; } 该组件内的图片加 ...

  2. 牛客练习赛42A（字符串）

    传送门 结论是:一定是选取最长的那个AB连续子串. 把题面要求的a*b + a + b转化一下成(a + 1)*(b + 1) - 1,即可发现如果选取前缀后缀不连续的两段作为答案,则显然有更优解,即 ...

  3. （ 2018 Multi-University Training Contest 2）

    2018 Multi-University Training Contest 2) HDU 6311 Cover HDU 6312 Game HDU 6313 Hack It HDU 6314 Mat ...

  4. Codeforces Round #388 (Div. 2) D

    There are n people taking part in auction today. The rules of auction are classical. There were n bi ...

  5. (bzoj1337 || 洛谷P1742 最小圆覆盖 )|| (bzoj2823 || 洛谷P2533 [AHOI2012]信号塔)

    bzoj1337 洛谷P1742 用随机增量法.讲解:https://blog.csdn.net/jokerwyt/article/details/79221345 设点集A的最小覆盖圆为g(A) 可 ...

  6. [译]Understanding ECMAScript6 迭代器与生成器（未完）

    迭代器在许多编程语言中被作为一种更易处理数据集合的方式被使用.在ECMAScript6中,JavaScript添加了迭代器,将其作为此语言的一个重要特征.当再加上新的方法和新的集合类型(比如集合与映射 ...

  7. jQuery源码分析系列(转载来源Aaron.)

    声明:非本文原创文章,转载来源原文链接Aaron. 版本截止到2013.8.24 jQuery官方发布最新的的2.0.3为准 附上每一章的源码注释分析 :https://github.com/JsAa ...

  8. ef导航属性

    https://msdn.microsoft.com/en-us/data/jj574232.aspx  场景是   A表中有B,B表中又C.都是一堆多的关系.怎样Mapping是个问题啊.  var ...

  9. selenium的定位

    id定位  find_element_by_id()方法通过id来定位元素 例如: find_element_by_id("kw") find_element_by_id(&quo ...

  10. vue+element ui项目总结点（六）table编辑当前行、删除当前行、新增、合计操作

    具体属性方法参考官方网站:http://element-cn.eleme.io/#/zh-CN/component/installation <template> <div clas ...