CSS格式
- CSS样式的语法:
css选择器{
样式属性1:属性值;
样式属性2:属性值;.
…}
- css选择器:
用于定位需要施加某些样式的某个或某一些标签,有ID选择器,class选择器,标签选择器等常用选择器可供选择使用。
CSS+html制作简历表
**不使用具有某些具有样式效果的标签(不使用HTML5不推荐的标签),不使用具有某些样式效果的标签属性(不使用HTM5不推荐的属性) **
简历样式:
- 代码:
<!DOCTYPE html>
<html>
<head>
<style>
table,
td,
th {
border: 1px solid black;
height: 80px;
/* color: white; */
}
/* body {
background-image: url(img/车.jpg);
background-size: cover;
background-attachment: fixed;
} */
#imim{
background-image: url(img/车.jpg) ;
background-size: contain;
}
table {
border-collapse: collapse;
width: 600px;
}
td {
height: 30px;
width: 115px;
vertical-align: botom;
}
th {
background-color: rgb(60, 179, 113);
}
#jizhon {
text-align: center;
}
</style>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table align="center">
<tr>
<th colspan="5">个人简历</th>
</tr>
<tr>
<td>姓名</td>
<td id="jizhon">小明</td>
<td>性别</td>
<td id="jizhon">男</td>
<td rowspan="4" id="imim"> </td>
</tr>
<tr>
<td>出生日期</td>
<td id="jizhon">20210101</td>
<td>籍 贯</td>
<td id="jizhon">惠州惠城区</td>
</tr>
<tr>
<td>毕业学校</td>
<td id="jizhon">社会大学</td>
<td>所学专业</td>
<td id="jizhon">智能科学与技术</td>
</tr>
<tr>
<td>政治面貌</td>
<td id="jizhon">共青团员</td>
<td>求职意向</td>
<td id="jizhon">开发工程师</td>
</tr>
<tr>
<td colspan="5">联系方式</td>
</tr>
<tr>
<td colspan="5">
<ol>
<li>电 话 : 12552</li>
<li>e-mail : 1@qq.com</li>
<li>联系地址: 无 </li>
</ol>
</td>
</tr>
<tr>
<td colspan="5">专业技能</td>
</tr>
<tr>
<td colspan="5">
<ul>
<li>1、具备丰富的JAVA开发经验、熟悉JAVA基础、JAVA
EE、微服务、Spring、SpringMVC、SpringBoot、Mybatis、Dubbo、SpringCloud全家桶等开源框架协议;</li>
<li>2、掌握分布式系统常见技术、如多线程、分布式缓存、消息中间件、搜索引擎、分布式事务、负载均衡、限流降级等;</li>
<li>3、熟悉Mysql、Postgresql等关系型数据库及其优化,熟悉MongoDb、Redis等至少一种非关系型数据库;</li>
<li>4、熟悉DevOps、敏捷等软件开发流程、了解Docker容器化部署等相关技术;</li>
<li>5.有大数据处理经验,包括hadoop/storm/spark/hbase/ELK等;对机器学习、深度学习、搜索,等技能的都有掌握。</li>
</ul>
</td>
</tr>
<tr>
<td colspan="5">语言水平</td>
</tr>
<tr>
<td colspan="5">
<ul>
<li>普通话二乙</li>
<li>英语听说读写能力</li>
</ul>
</td>
</tr>
<tr>
<td colspan="5">社会实践经历</td>
</tr>
<tr>
<td colspan="5">
<ul>
<li>参加各种志愿活动</li>
</ul>
</td>
</tr>
<tr>
<td colspan="5">自我评价</td>
</tr>
<tr>
<td colspan="5">
<ul>
<li>1、具备较强的责任心、良好的自我驱动能力、逻辑思维清晰,乐于接受挑战与创新。</li>
<li>2.具备良好的语言组织能力和代码书写规范、详细设计文档编写能力;</li>
<li> 3.具有良好的职业素质,敬业、刻苦好学、具备良好的团队合作精神、沟通交互能力,有强烈的责任感及果断的执行力、能够承受一定压力;</li>
</ul>
</td>
</tr>
</table>
</body>
</html>