- 2020.08.13
- background-color, body,
CSSでページ全体の背景色を指定する方法 body background-color
CSSでページ全体の背景色を指定するには、bodyタグにbackground-colorをつけます。 body { background-color: pink; } 参考にしたYouTube
CSSでページ全体の背景色を指定するには、bodyタグにbackground-colorをつけます。 body { background-color: pink; } 参考にしたYouTube
CSSでwidthを指定するとき、calcを使って計算された値にすることができます。 たとえば、 width: calc(100% /2 ) と指定すると、ブラウザの横幅の半分にすることができます。 ブラウザの表示↓ width: calc(100% / 3) と指定すると、ブラウザの横幅の1/3の幅にすることができます。 ブラウザの表示↓ ちなみに、MDNリファレンス […]
font-sizeを指定するとき、remという単位を使うことができます。 これは、HTML要素のサイズ(既定は16px)の何倍かという単位です。 たとえば、5remは80pxです。 5rem = HTML要素のサイズ 16px × 5 = 80px となります。 5remの表示(Google Chrome) 3rem は 48pxです。 3rem = 16px × […]
HTMLにCSSを適用する方法は3つあります。 ・外部スタイルシート ・内部スタイルシート ・インラインスタイル 外部スタイルシート これが最もよく使われる方法です。 <head>タグ内に<link>タグを追加し、CSSを読み込みます。 <link rel=”stylesheet” href=”style.css […]
キノコードさんがアップしているPythonのわかりやすい解説動画、 「Pythonで面倒なExcelの仕事を自動化しよう( 第一弾 )」 こちらの動画は前後半で2つのケースについて解説されていますが、後半のケース2で元データとして使うエクセルファイルが見当たらなかったので、 元データを作成するPythonのコードを作りました。(キノコードさんのブログにあるsample.xlsxをもと […]
HTMLの<small>タグは、<footer>で著作権表示をするのによく使います。 たとえば、下のようにコーディングすると、 ブラウザでこのように表示されます↓ MDNリファレンスによると、 HTMLの<small>要素は、表示上のスタイルとは関係なく、著作権表示や法的表記のような、注釈や小さく表示される文を表します。既定では、small から […]
HPやブログを作成するときに、ダミーの文書を仮置きしたい場合、 Visual Studio Codeで”Lorem”と打つと、簡単にできます。 ※自動補完機能が有効であることが前提 入力される仮の文章 Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur deleniti tem […]
HTMLの<article>タグは、ブログ記事で使います。 たとえば、1つのブログ記事がヘッダー情報(タイトル・投稿日時)と記事本文のセットとするとき、 とコーディングすると、ブラウザではこう見えます↓ 「ここからここまでのかたまりが1記事ですよ」と表したいときは、<article></article>で囲みましょう。 MDNリファレンスによると、 […]
ホームページを作成するのに、とりあえず画像を表示させたい場合、unsplashのランダムイメージが便利です。 <img src=”https://source.unsplash.com/random/50×50″> とコーディングすると、50px ×50pxのサイズでランダムな画像が表示されます。 URLの末尾に画像のサイズを指定できます。 width […]
日本からエストニアへの入国制限(新型コロナウイルス対策としての入国制限)は2020年7月31日時点で解除されています。 VISAの申請も受け付けています。 デジタルノマドビザの申請も受付開始予定であり、これを機にエストニアへ移住するのもありだと個人的に思っています。 エストニア外務省の公式ホームページ https://vm.ee/en/information-countries-an […]