CSS
文章を読みやすくする、段落指定の<p>タグについて
pタグとは？ pタグの意味は「Paragraph（パラグラフ）」の略で、日本語では「段落」の意味になります。 p要素は文章の段落を表します。 段落とは文章内でひとかたまりになっている文章のことで、通常は複数の文によって構 …
CSSを使って、borderの長さや位置を調整したい！
CSSのborderの長さの決まり方 border自体に長さを指定することはできません。 borderとは要素の上下左右に表示されるものなので、 どうやって決まるかというと「borderの長さ」＝「要素の長さ」となります …
CSSで円を描く方法【初心者向け】
CSSで円を描く方法 CSSでの円の描き方をまとめて紹介していきます。 【CSSでは以下のように円を描きます。】 .circle{ width: ◯◯px;/*幅*/ height: ◯◯px;/*高さ*/ border …
文字に影をつけたい時、text-shadow【初心者向け】
text-shadowとは？ text-shadowプロパティを使用すると、テキストに影をつけることができます。 見出しなどに使用することによって印象を変えることができます。 名前の通りテキストに影をつけてくれるプロパテ …
優先させたいCSSがあるとき !important優先順位の変更
!importantとは？ スタイルには優先順位がありよりタグに近い、より後から読み込まれたスタイルが優先されます。 CSSのルールでは全称セレクタやタイプセレクタなどよりも「id」や「class」を参照した具体性の高い …
WordPressでInstagramを載せる方法 プラグイン「Instagram Feed」【初心者向け】
プラグイン「Instagram Feed」について WordPressにInstagramを綺麗に埋め込みたい！などあると思います。 私がよく使っている「Instagram Feed」について説明していきます。 まずは「 …
行の間を開けたい、line-heightについて
line-heightとは？ line-heightプロパティは、行間の幅を指定する際に使用します。 行の高さには負の値(-など)を指定することはできません。 【値としては以下があります】 ⇒数字と単位で指定する場合 例 …
要素の重ね方、重ね順の指定 z-indexの使い方
z-indexとは? z-indexは要素の重なり順を指定するCSSのプロパティです。 通常では後に記述されたものが画面では手前に配置されますが、 z-indexを使用することによって自由に優先順位を設定することができま …
Googlemapの表示、youtubeの挿入、インラインフレーム iframeについて
iframeとは? iframeとは、src属性で指定したURL（リンク先ページの内容）をインラインフレーム表示できるHTMLタグの一つです。 iframeは、Inline Frameの略称で、「インラインフレーム」「ア …
min-widthとmax-widthの使い方 最小幅と最大幅
min-widthとmax-widthとは？ レスポンシブデザインでよく使われます。 レスポンシブデザインとはスマホでもPCでも、どんな大きさの端末で見てもちょうどいい大きさに表示されるWebデザインのことです。 レスポ …
