自學VS第一天 （目標用vs做個不low的簡歷） 學習視頻 代碼 寫了一天的代碼，自己理解的內容在註釋里 完成效果 VS的漢化 在插件欄找到Chinese (Simplified) Language Pack for Visual Studio Code進行安裝重啟軟體即可 VS我用到的插件 Bra ...
自學VS第一天
（目標用vs做個不low的簡歷）
學習視頻
https://www.bilibili.com/video/av48489320/?p=1
代碼
寫了一天的代碼，自己理解的內容在註釋里
<!DOCTYPE html>
<html lang="en">
<head>
<title>個人簡歷</title>
</head>
<body>
<style>
body {
background: rgb(255, 255, 255);
color:rgb(53, 52, 52);
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
header {
background: rgba(166, 194, 230, 0.425);
color:rgb(53, 52, 52);
padding:auto;
}
section {
background: rgb(86, 54, 231);
color:rgb(53, 52, 52);
}
div{
background: rgb(235, 211, 211);
color:rgb(53, 52, 52);
weight:400px;
height: 400x;
margin: 10px 10px 10px 30px;
display: flex;
}
div_hobby{
background: rgb(154, 214, 14);
color:rgb(53, 52, 52);
margin: 10px 30px 10px 30px;
display: inline;
weight:50px;
}
footer {
background: rgb(166, 194, 230, 0.425);
color:rgb(53, 52, 52);
}
</style>
<header>簡歷</header>
<section>個人資料</section>
<div>名字: yang</div>
<div>性別: 男</div>
<div>學歷: 大專</div>
<div>專業: 生物製藥</div>
<div>特長</div>
<div_hobby>PS</div_hobby>
<div_hobby>Ai</div_hobby>
<section>工作經歷</section>
<footer>博客鏈接</footer>
</body>
</html>
<!-- weight行距 -->
<!-- height間距 -->
<!-- background背景顏色 -->
<!-- color預設是字體顏色 -->
<!-- div,header,footer,p,ulh和標簽一樣名字要標簽區分的話用div_name -->
<!-- 快捷鍵創建多個標簽比如3個div,div*3+tab -->
<!-- display排列方式，display: inline 併列排成一行 -->
完成效果
VS的漢化
在插件欄找到Chinese (Simplified) Language Pack for Visual Studio Code進行安裝重啟軟體即可
VS我用到的插件
Bracket Pair Colorizer
可以讓（）{}[]用不同顏色標註
Guides
排列的時候有虛線提示利於觀察
Live Share
能夠在離線WEB上運行實時顯示保存後的效果
One Dark Theme
是一個蠻好看的桌面主題
Bookmarks
標簽
