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

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

如

2.将第二天如下代码,删除<stype></stype>保留中间部分，复制在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">                          #当中的stype.css是上面新建的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>

效果图

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

谢谢

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

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

PS:我是条有梦想的咸鱼

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

  1. 条形码的应用三-----------从Excel文件中读取条形码

    条形码的应用三------从Excel文件中读取条形码 介绍 上一篇文章,我向大家展示了生成多个条形码并存储到Excel文件中的一个方法.后来我又有了个想法:既然条码插入到excel中了,我可不可以从 ...

  2. Python第三周第一次作业中关于工程目录各种导入的模拟学习

    目录 Python工程目录 导入自定义模块, 包 记录的缘由 模块搜索路径 模块: 导入模块 导入函数 导入类 多个类 @(Python第三周第一次作业中工程目录,模拟学习) Python工程目录 导 ...

  3. 小程序学习笔记三：页面文件详解之视图层WXML、WXS、WXSS文件

      视图层:Pages主要有 wxml页面文件和模板文件.wxs脚本文件.wxss样式文件:component是抽取出来的业务单元,同样拥有wxml页面文件和模板文件.wxs脚本文件.wxss样式文件 ...

  4. 从视频文件中读入数据-->将数据转换为灰度图-->对图像做canny边缘检测-->将这三个结构显示在一个图像中

    //从视频文件中读入数据-->将数据转换为灰度图-->对图像做canny边缘检测-->将这三个结构显示在一个图像中 //作者:sandy //时间:2015-10-10 #inclu ...

  5. UI自动化测试（三）对页面中定位到的元素对象做相应操作

    前两天分别讲述了UI自动化测试基础以及对页面元素该如何进行定位,这一篇自然就是对定位到的页面元素对象进行相应操作啦. 阅读目录 1.常用操作元素对象的方法 2.鼠标事件操作 3.键盘事件操作 4.We ...

  6. 从零开始，跟我一起做jblog项目（三）从Maven到Gradle

    http://www.cnblogs.com/newflydd/p/4972922.html?utm_source=tuicool&utm_medium=referral ********** ...

  7. Android 自定义View及其在布局文件中的使用示例(三):结合Android 4.4.2_r1源码分析onMeasure过程

    转载请注明出处 http://www.cnblogs.com/crashmaker/p/3549365.html From crash_coder linguowu linguowu0622@gami ...

  8. Quartz定时任务学习（二)web应用/Quartz定时任务学习（三）属性文件和jar

    web中使用Quartz 1.首先在web.xml文件中加入 如下内容(根据自己情况设定) 在web.xml中添加QuartzInitializerServlet,Quartz为能够在web应用中使用 ...

  9. Orchard官方文档翻译(三) 通过zip文件手动安装Orchard

    原文地址:http://docs.orchardproject.net/Documentation/Manually-installing-Orchard-zip-file 想要查看文档目录请用力点击 ...

随机推荐

  1. Codeforces Round #390 (Div. 2) A

    One spring day on his way to university Lesha found an array A. Lesha likes to split arrays into sev ...

  2. python中的os.path.dirname与os.path.dirname(__file__)的用法

    python中的os.path.dirname的用法 os.path.dirname(path) 语法:os.path.dirname(path) 功能:去掉文件名,返回目录 如: print(os. ...

  3. 利用HttpClient4访问网页

    一.HttpClient介绍 虽然在 JDK 的 java.net 包中已经提供了访问 HTTP 协议的基本功能,但是它没有提供足够的灵活性和其他应用程序需要的功能.HttpClient 是 Apac ...

  4. 本地连接远程Oracle数据库

    由于项目开发测试,需要在本地连接远程的Oracle数据库 之前搭过环境,但是重装了系统,现在又重新装一遍 软件安装 连接远程Oracle需要两个软件: 一个Oracle客户端,instantclien ...

  5. MongoDB内置文档查看和修改

    MongoDB设计的时候,有时候会设计内置文档,方便某个对象的统一.在这里略写了查看内置文档和更新内置文档. 1.查看  表为:realtimelogin   realName为:123 realpa ...

  6. Hibernate save()、saveOrUpdate()、merge()的区别

    一. update 和 merge的区别 首先在执行更新操作的时候,两者都必须要有id update是直接执行update 语句,执行后状态为持久化状态 而merge则不一样: 1. 如果sessio ...

  7. 按位&按位|按位~的详解

    十进制转二进制: 例:十进制(5)---->二进制(00000101) 将整数除二取余,继续用除二的结果除二取余,最后将结果从下往上连接起来,不足八位,前面填0 二进制转十进制 例:二进制(00 ...

  8. 前端之css（宽高）设置小技巧

    一.css宽高自适应: 1.宽度自适应: 元素宽度设为100%(块状元素的默认宽度为100%) 注:应用在通栏效果中 2.高度自适应: height:auto;或者不设置高度 3.最小,最大高度,最小 ...

  9. IE兼容只读模式

    表单input具有只读模式属性,一般来说,一般的浏览器都支持该属性,即readyonly,但IE不支持,只能寻找其兼容性. 第一种:unselectable='on' <input id=&qu ...

  10. 十四个关于ASP.NET基础知识问答（C#版）

    这是一些ASP.NET很基础的东西,希望对ASP.NET爱好者特别是刚刚入门的朋友有所帮助虽然示例代码是C#.NET,但是不影响VB.NET朋友的参考.好,继续往下看吧! 1.ASP.NET能在那些系 ...