VScode学习前端-01-优快云博客

本文链接：https://blog.youkuaiyun.com/yanmengying/article/details/143838348

小问题合集：

vscode按！有时候没反应，有时候出来，是因为------>必须在英文状态下输入！

alt+shift+a对所选片段进行注释/*-------*/

ALT+鼠标选中。可以多选内容

ALT+单击，选择可以统一对多个地方进行操作

ALT+SHIFT+A多行注释

把鼠标放在函数、变量等上面，会自动弹出提示，但挡住视线，有点不习惯。

打开file->preferences->settings，编辑settings.json，增加：即可

"editor.hover.enabled": false

快捷键修改：

双击修改即可：

小知识合集：

常用颜色：

白色：#fff

橙色;#ff6700

当选中鼠标经过输入框时，添加黄色边框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .input {
        border: 1px solid #555; /*输入框的边框设置，宽度 实线 颜色*/
        outline-color: #fd9f3e; /*点击输入框时，输入框的颜色*/
        width: 250px; /*输入框的宽度*/
        font-size: 0.8em; /*输入框中的字号大小*/
        padding: 0.5em; /*输入框中的行间距*/
        /* line-height: inherit; /*控制行与行之间的垂直距离，继承父类该元素类型*/
    }
        .top {
            margin: 20px 50px;
            font-size: 1.25em;
        }
        span {
            display: block;
            margin: 10px 0px;
        }
        h1 {
            margin: 50px 10px;
        }
    </style>
</head>
<body>
    <h1>用户登录</h1>
    <div class="top">
        <span>用户名<label style="color: red">*</label></span>
        <input type="text" class="input" placeholder="请输入用户名">
    </div>
    <div class="top">
        <span>密码<label style="color: red">*</label></span>
        <input type="password" class="input" placeholder="请输入密码">
    </div>
</body>
</html>

效果：