HTML・CSS
CSS 【 vw、vh、vmin、vimax 】 ～ レスポンシブな単位
CSS 【 line-height 】 ～ サイズ指定で、プロパティでサイズを指定する際の単位について紹介しましたが、CSS3から新しく加わった単位があります。 vw、vh、vmin、vmaxという、viewport（ビ […]
HTML・CSS一覧
HTML・CSS
CSS 【 line-height 】 ～ サイズ指定
CSSのプロパティで幅や高さを指定する場合、その値に付ける単位には、pxや%など様々な種類があります。 今回は、CSSで指定するサイズの単位についてまとめたいと思います。 目次 １．CSSのサイズ指定 ２．emとex ３ […]
HTML・CSS
CSS 【 プロパティ 】 ～ スタイルを与える
CSSは、基本的にセレクタとプロパティと値を１セットとして使用します。 セレクタで示されたHTML要素に、スタイルを指定するのが プロパティと値です。 今回は、CSSのプロパティについてまとめたいと思います。 目次 １． […]
HTML・CSS
CSS 【 inherit 】 ～ 子や孫へ
CSSには、スタイルの継承（inheritance）というルールがあります。 親のスタイルが、自動的に子や孫にも適用されるというルールです。 今回は、CSSのスタイル継承のルールについてまとめたいと思います。 目次 １． […]
HTML・CSS
CSS 【 優先 順位 】 ～ 適用の仕組み
CSS（Cascading Style Sheets）の Cascading（カスケーディング）は、優先順位が高いスタイルが、抵触するスタイルを上書きするという仕組みです。 ですので、各CSSの優先順位はとても重要です。 […]
HTML・CSS
CSS 【 class 】 ～ 「#○○○」と「.○○○」
セレクタはたくさんの種類があり、効果的に使い分けると、すごく便利です。 そして、セレクタの種類は CSSの優先順位に影響します。 今回は、セレクタの種類についてまとめたいと思います。 目次 １．CSSでのid名とclas […]
HTML・CSS
CSS 【 書き方 】 ～ セレクタ { プロパティ ： 値 }
今回は、CSSの基本の書き方とCSSの読み込み方についてまとめたいと思います。 目次 １．CSSの基本的な形 ２．CSSの読み込み １．CSSの基本的な形 CSSは、基本的に次のような形で書きます。 セレクタ { プロパ […]
HTML・CSS
CSS 【 style 】 ～ カスケード処理をするスタイルシート
CSSは、HTMLで作られた文書にデザインを施し、見栄えを整える役割を担っています。 HTMLの記事でも頻繁に登場しましたが、今回は、改めてCSSとは何かについてまとめたいと思います。 目次 １．CSSとは ２．CSSの […]
HTML・CSS
HTML 【 ベクターグラフィクス 】 ～ SVGとsvg要素
svg要素は、SVGをHTMLにインラインで埋め込むための要素です。 SVGは、GIFやJPEG等とは異なり、画像を拡大・縮小しても画質が劣化せずに綺麗に表示することができる画像です。 今回は、SVGを埋め込むためのsv […]
HTML・CSS
HTML 【 グラフィクス 】 ～ canvas要素
canvas要素は、HTML5からの新要素で、JavaScriptで描くグラフィクスを表示する要素です。 今回は、専用ソフト無しでグラフィクスを表示できるcanvas要素についてまとめたいと思います。 目次 １．canv […]
HTML・CSS
HTML 【 動画の組み込み 】 ～ video要素
video要素は、audio要素（音声再生）と共にメディア要素と言われ、どちらもHTML5からの新要素です。 今回は、動画をプラグイン無しで再生させるためのvideo要素についてまとめたいと思います。 目次 １．vide […]
HTML・CSS
HTML 【 インライン・フレーム 】 ～ iframe要素
iframe要素は、インライン・フレームを作るための要素です。 frameset要素やframe要素など、以前はフレームに関する要素が他にもありましたが、HTML5から使用できなくなり、iframe要素だけが残っている状 […]
