专栏首页python-爬虫自学前端第三天

自学前端第三天

简历第三天

简历的CSS文件

body{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color:white;
    text-shadow: 4px 4px 4px #222222;
    text-align:center;
    width:1366px;
    height: 768px;
    background-image:url("o_xxx.jpg");
    background-size: 1366px 768px
}
#header{
    background: rgb(238, 223, 16);
    margin: 0 40%;
    border-radius: 0px 10px 0px 10px;
}
#info{
    text-align: left;
}
.name,.age,.sex,.education_background{
    background: #b1a1a1;
    width: 150px;
    border-radius: 0 50% 50% 0 ;
}
.name{
    margin: 10px 0 10px 5%
}
.sex{
    margin:10px 0 10px 10%
}
.age{
    margin:10px 0 10px 15%
}
.education_background{
    margin:10px 0 10px 20%
}
#work_experience{
    text-align: left
}
.headline{
    margin:10px 0 10px 25%
} 
.working_time{
    margin:10px 0 10px 20%
} 
.working_time{
    margin:10px 0 10px 20%
} 
.company_name{
    margin:10px 0 10px 15%
}
.profession{
    margin:10px 0 10px 10%
}
.saraly{
    margin:10px 0 10px 5%
}
#capacity div{
    padding: 8px 10%; 
    float: left;  
    list-style: none;   
    color:#fff;
}

简历的html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="stylesheet" href="my_stype.css">
</head>
<body>
    <section id="header">小小咸鱼的个人资料</section>
    
    <section id="info">   
        <div class="name">姓名:yang</div>
        <div class="sex">性别:男</div>
        <div class="age">年龄:25</div>
        <div class="education_background">学历:大专</div>
    </section>
    <section id="work_experience">
        <div class="headline">工作经历</div>
        <div class="working_time ">工作时间:2017.5-2019.4</div>
        <div class="company_name">公司名称:浙江xx医疗科技有限公司</div>
        <div class="profession">岗位:QC工程师</div>
        <div class="saraly">工资:8k</div>
    </section>
    <section id = 'capacity'>
        <div style="color: black"><b>拥有证书</b>
        <br>内审员
        <br>化验员
        <br>无菌实验员
        <br>压力容器操作员
        <br>危化品管理员
        </div>
        <div div style="color: black"><b>计算机软件熟练度</b>
        <br>wps:精通
        <br>PS:精通
        <br>会声会影:精通
        <br>ai:熟练
        <br>pycharm:熟练
        <br>VS:熟练
        <br>ae:了解
        </div>
    </section>
</body>
</html>

今天效果图

今天学习到的内容

#再导入背景为图片时候
格式为background -image:url("xx")这里链接要有双引号
#样式设定时候
好几类设置相同格式化的时候
比如name和age一起设置
可以.age,.name{样式内容}
#关于padding,margin等有4个值要设置的时候
只设置一个默认4个值都是这个,设置两个前面一个代表上下,后面那个代表左右,设置3个默认最后一个为0
#关于样式设置可以直接在标签里设置
<div div style="color: black">如上面的

未完待续

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • VS搭建一个WEB的简历第二天,,,最终目标写个好看的简历,再搭建一个自己脑海的网页

    第一天写的代码https://www.cnblogs.com/pythonywy/p/10816215.html,写了一堆错误T T

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

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

    小小咸鱼YwY
  • Vue中的循环以及修改差值表达式

    小小咸鱼YwY
  • 常见的几种 CSS 水平垂直居中解决办法

    用CSS实现元素的水平居中,比较简单,可以设置text-align center,或者设置 margin-left:auto; margin-right:aut...

    书童小二
  • JQuery生成图片列表

    彼岸舞
  • 第185天:百度星座案例

    半指温柔乐
  • 圣杯布局与双飞翼布局

    上一篇文章介绍了三种方法实现CSS三栏布局,本文则在此基础上,进一步介绍常用的圣杯布局与双飞翼布局。

    前端林子
  • css 元素居中

    前提:没有设置高度,高度由内容撑开。块级元素如果设置了高度,就不知道如何设置padding的数值 demo

    bamboo
  • ES6基础 数组的扩展

    对于那些没有部署 Iterator 接口的类似数组的对象(如普通object),扩展运算符就无法将其转为真正的数组。

    王翔
  • table锁定列的一个方法.及琢磨思路

    这是从http://stackoverflow.com找到一个一链接,删除多余的css,加上色就是上图。

    申君健

扫码关注云+社区

领取腾讯云代金券