自学内容网 自学内容网

VScode学习前端-01

小问题合集:

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

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

打开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>

    效果:


原文地址:https://blog.csdn.net/yanmengying/article/details/143838348

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!