◉ float 値を指定した要素を左右に寄せて配置するプロパティ。 後続のコンテンツは、floatを指定した要素の反対側に回り込む。 ● float プロパティで指定できる値 ⚫︎ left 要素を左に寄せる ⚫︎ right 要素を右に寄せる ⚫︎ none float を指定しない ◉ clear f…

◉＜time＞タグ 日付は、<time> タグで囲む。 <time>タグには、 属性を追加し、 コンピュータが正しい日付を認識できるように決まった書式で 日時を入力できるようにする必要がある。 ◉日時の書き方 ● 時刻は「 :（コロン） 」で区切る ・・・・15:45:20 など ● 日付は「-</time></time>…

◉ページ全体をセンターに寄せる これまでの作成では、 ブラウザ枠の横幅めいいっぱいまで表示されている。 そこでページ全体の横幅を固定して、 コンテンツ部分のブラウザをセンターに寄せて見やすくする。 ◉<div> ~ </div> ① HTMLで<div> タグでページ全体を囲む ② div に i</div>…

◉©️（コピーライト）マーク 特殊文字と呼ばれ、 ブラウザで「©️」と表示したい箇所に、 ソースコード中では、「 &copy; 」と記述する。 ◉特殊文字 コピーライトのように、特殊文字はいくつかあり、 それらは、 「 & ; 」のように、 「 ＆（アンド） 」と「 ;…

google font に限らず、 一般的にフォントは、標準の書式を基準にして、 そこから文字の太さや斜体などの変更ができるように 様々なバリエーションが用意されている。 見出しレベルの違いなどを同じ書式を使うことによって ページ全体で統一感を出すことがで…

Google Fonts https://www.google.com/fonts/ で利用する。 操作方法等が適宜リニューアルされているので、 現在は、以下のサイトを参考にするのがわかりやすかと思われる。 https://sodamelo.com/google-fonts/ 簡単に順序を説明すると、 ①カテゴリを選択。…

ブラウザによって、 段落タグや見出しタグには、 予め標準の文字サイズと上下マージンが設定されている。 EX) CSSファイルにおけるブラウザ標準値 body { font-size : 16px ; } p { font-size: 1em ; margin: 1em 0 ; } h1 { font-size: 2em ; margin: 0.67e…