プログラミング学習

Chromeデベロッパーツールを使ってWebページのHTMLとCSSを検証する方法を図解で分かりやすく紹介しています。

結合子は2つ以上のセレクター「A」「B」を繋ぎ合わせて要素を指定します。子孫結合子：「A」「半角スパース」「B」子結合子：「A」「>（右アングルブラケット）」「B」隣接兄弟結合子：「A」「+（プラス）」「B」一般兄弟結合子：「A」「~（チルダ）」「B」

「Webフォント」はデバイスにインストールされていないフォントでも簡単に実装できます。テキスト部分を画像で制作するより、無料で使える “Google Fonts” は種類が豊富なので大変便利です。

CSSとは"Cascading Style Sheets"の略で、HTMLで作成したWebサイトの見た目を装飾するための言語で、文字の大きさや色、画像のサイズや配置、余白などが設定でき、見た目のデザインを美しく整えることが出来ます。

”Visual Studio Community”を使ってCSSコードを書く基本を解説。

HTML の＜ul＞ ＜ol＞ ＜li＞ タグでリストを作る方法と CSS でリストマーカーの装飾およびリストのインテント、行間の調整をする方法。

フォントの種類は「font-familyプロパティ」で指定することができます。指定したフォントがインストールされていない場合は、ブラウザーで設定しているデフォルトのフォントでの表示になります。「Webフォント」はインストールしていないフォントを表示することが出来ます。

ブラウザには、それぞれ独自のデフォルトCSSが指定されている。リセットしない場合、デフォルトCSSに上書きされるのでブラウザによって表示に違いがでる。CSSをリセットする"ress.css" と "destyle.css"

HTMLとCSSファイルの作成をする前に"Visual Studio Community"の使い方を説明。