欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-08-09 22:34:12
VS做简历的第三天(将文件中的样式保存并且导入) 1.先在文件栏新建一个CSS文件 如 2.将第二天如下代码,删除保留中间部分，复制在CSS文件并且去掉缩进 3.删除第二天代码中的stype部分代码并且在开头加入修改后的代码如下 效果图 本人python的初学者，但很喜欢编程，希望大佬们多多指点 关 ......

vs做简历的第三天(将文件中的样式保存并且导入)

1.先在文件栏新建一个css文件

如

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

2.将第二天如下代码,删除保留中间部分，复制在css文件并且去掉缩进

body{
    background: rgb(129, 123, 123);
    font-family: 'franklin gothic medium', 'arial narrow', arial, sans-serif;
    color: aliceblue
}
.info{

    margin: (10px 10px 10px 40px)   
}
.header{
    background:rgb(87, 87, 87);
    font-size: 30px;
}
.work_experience{
    background: rgb(95, 81, 81);
    color: aqua;
    padding: 10%;
}
.name{
    margin: 10px 40px 10px 10px;
    background: rgb(136, 102, 102);
    color: aliceblue;
}
.sex{
    margin: 10px 30px 10px 20px;
    background: rgb(136, 102, 102);
    color: aliceblue;
}
.age{
    margin: 10px 20px 10px 30px;
    background: rgb(136, 102, 102);
    color: aliceblue;
}
.education_background{
    margin: 10px 10px 10px 40px;
    background: rgb(136, 102, 102);
    color: aliceblue;
}
.headline{
    font-size: 25px;
}

<!doctype html>
<html lang="en">
<head>
    <title>个人简历</title>
</head>
<body>
    <style>
        body{
            background: rgb(129, 123, 123);
            font-family: 'franklin gothic medium', 'arial narrow', arial, sans-serif;
            color: aliceblue
        }
        .info{
        
            margin: (10px 10px 10px 40px)   
        }
        .header{
            background:rgb(87, 87, 87);
            font-size: 30px;
        }
        .work_experience{
            background: rgb(95, 81, 81);
            color: aqua;
            padding: 10%;
        }
        .name{
            margin: 10px 40px 10px 10px;
            background: rgb(136, 102, 102);
            color: aliceblue;
                   }
        .sex{
            margin: 10px 30px 10px 20px;
            background: rgb(136, 102, 102);
            color: aliceblue;
        }
        .age{
            margin: 10px 20px 10px 30px;
            background: rgb(136, 102, 102);
            color: aliceblue;
        }
        .education_background{
            margin: 10px 10px 10px 40px;
            background: rgb(136, 102, 102);
            color: aliceblue;
        }
        .headline{
            font-size: 25px;
        }
    </style>
    <section class="header">个人资料:</section>
    <section class="info">   
        <div class="name">姓名：yang</div>
        <div class="sex">性别：男</div>
        <div class="age">年龄：25</div>
        <div class="education_background">学历：大专</div>
    </section>
    <section class="work_experience">
        <div class="headline">工作经历</div>
        <div class="working_time ">工作时间：2017.5-2019.4</div>
        <div class="company_name">公司名称：浙江加奈维医疗科技有限公司</div>
        <div class="profession">岗位：qc工程师</div>
        <div class="saraly">工资：8k</div>
    </section>
</body>
</html>

3.删除第二天代码中的stype部分代码并且在开头加入修改后的代码如下

<!doctype html>
<html lang="en">
<head>
    <title>个人简历</title>
    <link rel="stylesheet" href="my_stype.css">
</head>
<body>
    <section class="header">个人资料:</section>
    <section class="info">   
        <div class="name">姓名：yang</div>
        <div class="sex">性别：男</div>
        <div class="age">年龄：25</div>
        <div class="education_background">学历：大专</div>
    </section>
    <section class="work_experience">
        <div class="headline">工作经历</div>
        <div class="working_time ">工作时间：2017.5-2019.4</div>
        <div class="company_name">公司名称：浙江加奈维医疗科技有限公司</div>
        <div class="profession">岗位：qc工程师</div>
        <div class="saraly">工资：8k</div>
    </section>
</body>
</html>

效果图

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

本人python的初学者，但很喜欢编程，希望大佬们多多指点

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

谢谢，各位大佬能给点建议

ps:我是条有梦想的咸鱼

上一篇： 学WEB前端，学历到底重不重要

下一篇： 浏览器下载img标签Base64图片

推荐阅读