ぼっちのスタイルシート/フォントの位置変更

ぼっちのスタイルシート フォントの位置変更

フォントの位置変更についてご紹介をさせて下さい

1番下の行をご覧頂きたいと思います

<p style="text-align: center;"><span style="font-size: 18px">
これからもよろしくお願いいたします</span></p>

こちらの様に記述されております
私の投稿記事のソースコードとなります

"text-align: center;"

左側にこちらのアルファベットがあるかと思います
alignは文書の配置や位置の事です
centerは中央揃えとお考えになってください
こちらを
text-align: center; から text-align: left;
text-align: center; からtext-align: right;
など記述の変更をいたします
すると
該当する文章が中央揃えから左端へ
中央揃えから右端へと位置が変更いたします
＊私は画像も変更することが出来ました

ビジネス文書では
左端はお客様各位/拝啓などが該当します
文章入力を行った後、左端へ位置変更を行います

中央は記書き/以上などのお知らせが多い事と思います
あるいは記事のテーマや画像などの配置はいかがでしょうか？

右端は敬具/署名などが用いられます
皆さまのお名前の他に
アイコン/シンボルなどを添えても良いかと思います 

お役に立てれば幸いです

ご一読ありがとうございました

ぼっちのスタイルシート/改行

ぼっちの スタイルシート/改行

スタイルシートの改行についてご紹介をさせてください
私の投稿記事のソースコードはこちらになります

一番最後の行がお分かりでしょうか？

<p style="text-align: center,"><span style="font-size: 18px">
これからもよろしくお願いいたします</span></p>

この様に記述がなされておりますが
少し分かりづらいかと感じております

こちらを改行/Enterキーを利用して整理しようと思います

      ① <p style="text-align: center,"> 改行/Enter

       ② <span style="font-size: 18px"> 改行/Enter

         ③これからもよろしくお願いいたします 改行/Enter

④ </span> 改行/Enter

⑤ </p>

この様にEnterキーで改行を行うと
箇条書きになり分かりやすいかと思います

①は文章の位置や配置/text-alignについて
     ②はフォントサイズ/font-sizeについて
③は本文となります

スタイルシートも複雑になればちょっと…
私にも難しいです
しかしシンプルにすると箇条書きとなってくれます
◇
p と /p、span と /span
こちらは、括弧や段落に近い記号となります
括弧そして括弧を閉じるという感じです
「拝啓」⇔「敬具」や「記書き」⇔「以上」とも似ております
括弧や段落に挟まれた
箇条書きとお考えになるといかがでしょうか？

ご参考にして頂ければ幸いです

ご一読ありがとうございました

ぼっちのスタイルシート/フォントサイズ

ぼっちの スタイルシート/フォントサイズ

スタイルシート/フォントサイズの変更をご紹介させて下さい
記事投稿で文章を記述した後
HTMLタブをクリックいたします
するとスタイルシートに変更されます

1番下の行がお分かりになりましたでしょうか？
font-size: 18px">これからもよろしくお願いいたします
こちらの様に記述されております

"font-size: 18px"
アルファベットと数値が見つかることと思います
こちらが文章のフォントサイズとなります
px/ピクセルとは、大きさなどの単位のことです
18pxの数値を大きくするとフォントは大きくなり
小さくするとフォントは小さくなります

皆さまのブログのレイアウトをイメージして
画像とのバランスなどもお考えになり
適切な数値を入力なさって下さい

絶妙なフォントサイズが表現できると幸いです

ご一読ありがとうございました 

ぼっちのスタイルシート/色彩

ぼっちの スタイルシート/色彩

今回はカラー/色彩についてご紹介をさせて下さい
皆さまは文書の作成をされる時
蛍光ペンなどを利用して、カラーを付けることと思います
普段はカラーパレットから私も選んでおりますが
スタイルシートを利用してカラーを選んでみたいと思います

それでは私のブログ記事/ソースコードをご覧頂きたいと思います

小さいのですが、1番上の行に記述されております
color:#1e70aa;">月子のティーハウス
こちらのcolor:#1e70aa が色彩番号となります

それではカラーチャートを参考にして変更をしようと思います
カラーチャートはHTML/CSS関連の本
あるいはネット上などで確認することができます

　　　　　　　　　　（参照：できるブログ/gooブログ/インプレス）

月子のティーハウス   blueviolet #8a2be2
月子のティーハウス   olivedrab #6b8e23
月子のティーハウス   slateblue #6a5acd

色彩番号によりフォントの色彩が変更いたしました
デリケートな色彩が表現できるかと思います

皆さまの文章や画像と連携した
コーディネーションの良いカラーを選んで頂けると幸いです

ご一読ありがとうございました

ぼっちのバックアップ/保存

ぼっちの バックアップ/保存

今回はバックアップ/保存についてご紹介をさせてください
（今回はCSSコマンドはありません）

ショートカットキーを使用し、出来るだけ手元の操作で
コピー＆ペースト（バックアップ/保存）を行ってみようと思います
＊私のPCはWin11マシンであることをご了承ください

予めコピー先となるメモ帳やワードなどを起動しておくと便利かと思います
また括弧の中は、私なりの覚えやすいキーワードや語呂合わせです
ご参考になりましたらご活用ください

皆さまのブログを編集画面にして、任意の場所をご選択ください

◇
コピーと貼り付け
Ctrlキー＋A（All）と押すと全てが選択されます

Ctrlキー＋C（Copy）でコピー元をコピーします

メモ帳やワードなどのコピー先ファイルを開き
任意の場所を選択します

Ctrlキー＋V（ばり付け/貼り付け）と語呂合わせをして貼り付けます

◇
バックアップ/保存
Ctrlキー＋S（Save）と押してバックアップ/保存をいたします

◇
ファイル名の変更
ファイル名の変更をなさる場合は、該当のファイルを選択いたします
F2キーを押して適切なファイル名を入力します

◇
作業の終了
Altキー＋F４キーと押すと終了画面となります

ワード互換アプリを私は使用しておりますが
バックアップ/保存をしますと画像も保存出来ました
またレイアウトの確認も容易になります
どうぞお試しになって下さい

メンテナンスと復旧
レイアウトの乱れが発生するアクシデントを私は経験いたしました
この様な時、バックアップファイルがあると役に立ちます
ファイルの１部もしくは全部をコピーして
反対にブログへ貼り付けて対応をいたしました
この様にされるとメンテナンスや復旧も早いかと思います

お役に立てれば幸いです

ご一読ありがとうございました