HTML/CSS/Javascript是網(wǎng)頁(yè)制作以及自動(dòng)化報(bào)告制作用到的三大主力。由于Javascript多數(shù)情況下用于動(dòng)畫(huà)視效，本次簡(jiǎn)歷制作沒(méi)有涉及到動(dòng)畫(huà)過(guò)渡，所以我們先來(lái)看看HTML/CSS咋回事。
好了，我們開(kāi)始進(jìn)入正題，首先需要用HTML寫(xiě)一下大體的框架，然后用CSS點(diǎn)綴下，使得樣式更美觀(guān)，在這里我極力推薦Visual Studio Code編輯器(https://code.visualstudio.com/Download)。我們先來(lái)看下最終的效果怎么樣。

【此處無(wú)法插入視頻，觀(guān)看視頻，可點(diǎn)擊我們的公眾號(hào)原文鏈接：https://mp.weixin.qq.com/s/LBJ9N5UXzslAik9Fplae_w】。

HTML中簡(jiǎn)歷框架主要包括1.基本信息，2.教育背景，3.工作經(jīng)驗(yàn)，4.專(zhuān)業(yè)技能，5.社交圖標(biāo)五個(gè)內(nèi)容。css中對(duì)整體布局調(diào)整為柵格布局；顯示外框陰影呈現(xiàn)3D效果；鼠標(biāo)懸停在不同級(jí)別的文字時(shí)，字體展示不同顏色提示；頁(yè)腳處添加社交圖標(biāo)，并插入鏈接或圖片提示。

圖片為了讓大家更好的體驗(yàn)和了解通過(guò)HTML/CSS制作交互式簡(jiǎn)歷卡片，這里給大家分享下源碼和項(xiàng)目演示地址。

演示地址：http://visinfostudio.gitee.io/example-show

源碼地址 ：https://gitee.com/VisInfoStudio/info-studio-share/tree/master/1-personal-resume

總結(jié)

以上是生活随笔為你收集整理的用HTML/CSS制作个人简历的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。