簡歷第三天 簡歷的CSS文件 簡歷的html 今天效果圖 今天學習到的內容 ...
簡歷第三天
簡歷的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">如上面的未完待續
