意欲がわいてきてしょうがない
先日はペンケースを作った！
1個作ってしまうと次が作りたくなり、うずうずする！
まだまだ初心者なので難しいのは作れないが、何にしようかな？
初心者でも作れるものはつぎの物が作れるらしい！
・名刺入れ
・キーケース
年末年始コロナウイルスでどこにも行きたくないから徹夜で作るか？
昨日インスタグラムで作品を上げて知り合った人が使わない革を格安で売ってくれた！
大きなものを作るのではないので全然十分な量になる！
届くの楽しみだな！！！
何かしましたか？
昨日の夜寝ているときにおこった！
いつも私→嫁さん→娘と並んで寝ている！
夜中
ばちーん
私「ん？痛い(>_<)」
娘「パーチ」
私「痛いよ！」
娘「(-_-)zzz」
私「あれ？寝てる」
娘「(-_-)zzz」
私「・・・・・」
私も(-_-)zzz
ばちーん
私「ん？痛い！」
娘「(-_-)zzz」
私「あれ？」
嫁さんからのパーチ！
娘を飛び越えてのパンチ！
おれなんかやったか？
嫁さん「(-_-)zzz」
なぜおれだけ2回もたたかれる？
何かしましたか？
①グローバルスペース株式ファンド（毎月100円）
入金金額 ￥1,100
評価金額 ￥1,016
収支 -84
②iFreeレバレッジ NASDAQ100（毎月300円）
入金金額 ￥5,700
評価金額 ￥8,303
収支 +2,603
③iFreeレバレッジ NASDAQ50（毎月200円）
入金金額 ￥1,600
評価金額 ￥1,634
収支 +34
④米国3倍4資産リスク分散（毎月100円）
入金金額 ￥4,100
評価金額 ￥4,604
収支 +504
⑤SBI・V S&P500インデックスファンド（毎月300円）
入金金額 ￥5,700
評価金額 ￥7,294
収支 +1,594
合計
入金金額 ￥18,200
評価金額 ￥22,851
収支 +4,651
余白の調整
余白の調整
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- 余白の調整
- 余白の種類
- 余白の記載方法
CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。
余白の調整
HTMLで記載した要素は基本的に縦に並びます。
これを横並びにするにはCSSファイルで指定をします。
ヘッダーの余白を調整することのいより
適切な配置になります。
余白を指定する場合はＣＳＳファイルに
”padding”を使用します。
HTMLファイル
＜div class="logo"＞
TEST１
＜/div＞
CSSファイル
.logo{
padding:20px;
}
paddingは上下左右の余白を追加する。
余白の種類
上を20px余白を作るには
.logo{
padding-top:20px;
}
下を20px余白を作るには
.logo{
padding-bottom:20px;
}
左を20px余白を作るには
.logo{
padding-left:20px;
}
右を20px余白を作るには
.logo{
padding-right:20px;
}
余白の記載方法
余白指定の記載方法は3種類あり
それぞれ記載します。
記載方法1
CSSファイル
.logo{
padding-top:20px;
padding-right:10px;
padding-bottom:20px;
padding-left:10px;
}
記載方法2
CSSファイル
.logo{
padding:20px 10px 20px 10px;
}
上→右→下→左の順番で記載できる。（時計回り）
記載方法3
CSSファイル
.logo{
padding:20px 10px;
}
上と下、右と左が同じ場合はまとめて記載することができる
20PXが上下、10pxが左右のセットになる。
毎日少しづつ頑張ろう！！
初作品！
日曜日は、頑張って挑戦をしてみた！
毎日平目縫いを行ってきたが、なんとなくこのままではだめかなと思い
思い切って作品を作ることにした！
作品と行っても私が使用するのだが！
初心者でも作れるとyoutubeで行っていたペンケースを作成することにした！
型紙は無料でダウンロードできるのだが、私自身の勉強にならないと思い
CAD（JW-CAD）を使用して図面から書いてみた！
以前の職場でCADは使用していたので操作方法は問題ないのだが
レザークラフトの作品となるとまた別な問題！
しかし、この図面を引いている時間でもどんな具合にできるかわくわく楽しみで
時間がたつのが速かった！
まだまだ人に見せれるレベルではないのでもう少し上手になったら写真を掲載しようかな！笑
ヘッダーの中身を横並びに
ヘッダーの中身を横並びに
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- ヘッダーの中身を横並びに
CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。
ヘッダーの中身を横並びに
HTMLで記載した要素は基本的に縦に並びます。
これを横並びにするにはCSSファイルで指定をします。
縦並びHTML
＜ul＞
＜li＞test1＜/li＞
＜li＞test2＜/li＞
＜li＞test3＜/li＞
縦並びCSS
li{
list-style:none;
}
横並びHTML
＜ul＞
＜li＞test1＜/li＞
＜li＞test2＜/li＞
＜li＞test3＜/li＞
縦並びCSS
li{
list-style:none;
float:left;
}
floatを使用することにより縦から横に変更することが可能
毎日少しづつ頑張ろう！！
