ピュアチャ〜ジ

広告代理店のディレクターを辞め、マレーシアに飛び立ちました。ふわふわ生活して、やっぱり収入を上げて豊かに人生にしたい!と思いプログラミング学習を始めました!フリーランスまでの道のりを描くブログです

Webデザイン勉強52日目の成長報告!

こちらのWebサイトは移転しました。


[ピュアチャ〜ジ]

どうもこんにちは!今日も作業進捗報告を行います!!

 

【文章の行間設定方法】

記載通りですが、1.5倍=1.5って入力してもイケるんですね!

f:id:terushi-diary:20191012204033p:plain

 

【フォントの指示を一括で行う方法】

fontプロパティを入力

太さ 文字サイズ/行間 フォント指定

この順番でフォントを一括で指定することができます!

f:id:terushi-diary:20191012204357p:plain

 

 

【フォント周りの表現】

text-align: center;     =中央揃え

font-style: italic;     =イタリックのフォント

line-height: 30px;     =行間指定

text-decoration: underline;     =テキストにアンダーライン

font-weight: bold;     =文字を太く

 

f:id:terushi-diary:20191012204659p:plain

 

【paddingとmarginの間の境界線の指定】

以下の通りです!

none solid double dashed,dottedをよく使うみたいです!

f:id:terushi-diary:20191012205014p:plain

 

【今日記述したコード】

 

border-bottom: 1px solid #D1D1D1;

文字サイズ、種類、色の順番で下線を記述

 

padding-top: 20px;

上の余白20px(要素を大きくする指示)

 

margin: 20px 20px 20px 20px;

padding: 20px 20px 20px 20px;

上、右、下、左の順番で数値を指定することが可能

※padding: 20px; と入力した場合は、上下左右全部20pxと指定が可能

 

f:id:terushi-diary:20191012205243p:plain

今日はこんな感じ!

 

height: auto;    =要素に応じて高さを自動で調整してくれます。

 

 

今日はこんな感じ!

さらばっ!