📑 履歴書を作成する
6708 ワード
👀 最終結果のプレビュー
📕 CSSの新しい知識
1.fontの設定
Google Webフォントアドレスのコピー
*ドキュメント全体を指定するための非常に強力なコマンドです
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800&display=swap');
* {
font-family: 'Montserrat';
}
body,h1,h2{
margin: 0px;
padding: 0px;
}2.行間の調整
線間隔はフォントサイズの160%が理想
.about-me-text{
font-size: 5px;
line-height: 16px; /*160%가 가장 이상적*/
}3.borderシャドウ
横y軸ハッシュrgba(、、、、透明度)
box-shadow: 0 1px 10px #c5c5c5; 4.floatを使用して行を作成する
右側、左側をfloat:right、float:leftに設定
オーバーフロー:hidden-枠線、floatの影響を受けないように他のタグを設定します(次のpタグと重複しないようにします)
<html>
<section>
<h2>EXPERIENCE</h2>
<div class="float-wrap">
<p class="title-text">Awesome Programming Company</p>
<p class="year-text">2020 - Now</p>
</div>
<p class="desc-text">Front-End Web Developer</p>
<p class="desc-subtext">HTML/CSS, JS, React, ...</p>
.
.
.
</section>
</html>
<style>
.title-text {
font-size:11px;
font-weight: bold;
color: #282828;
float: left;
}
.year-text{
font-size:11px;
font-weight: bold;
color: #282828;
float: right;
}
.float-wrap{
overflow: hidden;
}
</style>
Reference
この問題について(📑 履歴書を作成する), 我々は、より多くの情報をここで見つけました https://velog.io/@greenth322/이력서-만들기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol