マガジンのカバー画像

コーディング勉強メモ

9
コーディングをしている中で自分で調べたことをまとめています。
運営しているクリエイター

#要素

【勉強メモ】 box-sizingと擬似要素

1. box-sizing2.指定できる値content-box : paddingとborderのサイズを含めない ※初期値
border-box  :paddingとborderのサイズを含める
inherit    : 親要素の値を継承する

3.使い方要素に個別に設定すると、逆に「効かない」原因となることも。
記述ミスを減らすためにも、cssの冒頭のユニバーサルセレクタとhtmlセレクタ

もっとみる
【勉強メモ】HTML  aタグ

【勉強メモ】HTML aタグ

基本aタグはリンクを指定するHTMLタグ。

「a」は船のいかりを意味する「Anchor(アンカー)」の頭文字が由来。

記述 → <a href="(リンク先のURL)">テキストサンプル</a>

アンカーテキストとは、aタグで囲ったテキスト部分のこと

使い方1. 同じタブのリンク先ページへ飛ぶ

<a href="(リンク先のURL)">アンカーテキスト</a>

2. 別タブのリンク先ペ

もっとみる
【勉強メモ】HTML dl dt ddタグ

【勉強メモ】HTML dl dt ddタグ

基本※以前は「定義リスト」だった。

使い方<dl><dt> ソフトドリンク</dt><dd>一般の飲料</dd><dt> お酒</dt><dd>アルコール入り飲料</dd></dl>引用:https://ferret-plus.com/5063

dlが親でdtとddが子。dlで括ってdt(用語)とdd(説明)が交互にくる。

dtとddは必ず一対一でなくて良い。

dlの中にdlを入れられる。

もっとみる