前端学习第三弹：利用div+css制作个人简历

最新推荐文章于 2024-07-27 04:28:49 发布

beyond_LH

最新推荐文章于 2024-07-27 04:28:49 发布

阅读量1.1w

点赞数 8

分类专栏：前端的快乐生活文章标签：前端 div css 个人简历

本文链接：https://blog.csdn.net/beyond9305/article/details/78170050

版权

博主分享了自己在前端学习过程中的经验，通过div和css制作个人简历，旨在提高灵活性和可定制性。虽然初涉此领域，但通过实例学习，加深了理解和实践能力。代码已附带注释，后续会进一步讲解相关技术。

摘要由CSDN通过智能技术生成

尝试用纯html制作简历，但是显得过于死板，参数设置不灵活，由于刚刚接触这一块，从网上找了很多资源，先输出后输入，通过一个具体的例子查缺补漏，这样学起来更有劲头也更具效率。

具体代码如下，已经尽力做了注释：

<!DOCTYPE html>
<html>
  <head>
     <title>个人简历</title>
     <meta charset=UTF-8 />
     <style type=text/css>   /*声明其内容为标准的css*/
       *{
          margin: 0;
          padding: 0;
          border: none;
          font-size: 12px;
        }  /*”*“为通配符选择器，将所有的元素设置为外边距margin和内边距padding为0，无边框，字体大小为12像素*/     
       #resume{
          width: 800px;
          margin: 0 auto;   /*外边距上下为0，左右自适应，为了使DIV在浏览器中水平居中*/
          border: solid 1px #DCDDDF;
        }
       #resume .one{
          background: url(beijing.jpg);
          width: 800px;
          height: 90px;
          font-size: 30px;
          color: red;
          font-weight: bold; /*定义粗体字