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

更新时间:2023-04-03 14:05:11 阅读：评论：0

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

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

如

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

body{    background: rgb(129, 123, 123);    font-family: 'franklin gothic medium', 'arial narrow', arial, sans-rif;    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;}.x{    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&江苏自学考试报名时间gt;        body{            background: rgb(129, 123, 123);            font-family: 'franklin gothic medium', 'arial narrow', arial, sans-rif;            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;                   }        .x{            margin: 10px 30px 10px 20px;            backgroun心理学的定义d: 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>    <ction class="header">个人资料:</ction>    <ction class="info">           <div class="name">姓名：yang</div>        <div class="x">性别：男</div>        <div class="age">年龄：25</div>        <div class="education_background">学历：大专</div>    </ction>    <ction 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>    </ction></body></html>

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

<!doctype html><html lang="en"><head>    <title>个人简历</title>    <link rel="stylesheet" href="my_stype.css"></head><body>    <ction class="heade芙蓉楼送辛渐的思想感情r">个人资料:</ction>    <ction class="info">           <div class="name">姓名：yang</div>        <div class="x">性别：男</div>     工作自我介绍   <div class="age">年龄：25</div>        <div class="education_background">学历：大专</div>    </ction>    <cti青春中国朗诵稿on 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>    </ction></body></html>

效果图

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

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