hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

2020-04-14から1日間の記事一覧

ブラウザの違いについて

世間には、 Google Chrome, Internet Exploer, Safari, Firefox, Operaなど 様々なブラウザがあり、 ブラウザによって少しずつ見た目に差異が出てきてしまう。 若干見た目が違ってくるのは、 各HTMLタグに対して設定されているCSSの標準値がブラウザによって…

文字の太さ

「 font-weight 」で文字の太さを指定する。 値は、 「 normal 」 細字(標準の太さ) 「 bold 」 太字 「 lighter 」相対的に、一段階細字にする 「 bolder 」相対的に、一段階太字にする また、 100, 200, 300, 400, 500, 600, 700, 800, 900 と 直接数字…

text-align のプロパティ

文字の行揃えを指定するプロパティ「text-align」。 表だけでなく、段落や見出しなどの行揃えも指定することができる。 主に4つ種類ある。 ● left 左揃え。 ● center 中央揃え。 ● right 右揃え。 ● justify 均等割付け。

表の隣接するセルの罫線について

◉ 「border-collapse」 のプロパティ 表の隣接するセルの罫線を重ねて表示するか?(collapse) 離して表示するか?(separate) を指定する。 なお、ブラウザの標準プロパティでは「separate」が指定されている。 ●「collapase」結合ボーダーモデル CSSにおい…

list-style の関連プロパティ

◉関連プロパティ ●リスト記号 list-style-type ●リスト記号の画像 URL list-style-image ●リスト記号の位置 list-style-position ●まとめて指定 list-style ◉ list-style-type の種類 ● none 項目1 項目2 項目3 ● disc ⚫︎項目1 ⚫︎項目2 ⚫︎項目3 ● circ…

余白の調整2

◉ padding と margin を複数指定した場合 余白の調整1で記述した通り、 border を基準にして考えるとどちらに余白が広がるのかがわかる。 ボックスモデル コンテンツ領域(要素、タグ)、margin、border、paddingの4つで領域部分から生成される矩形領域のこ…