hiyoko-programingの日記

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

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

余白の調整1

余白の概念を学ぶときに混乱してしまうのが、 padding と margin である。 border-style で文字を囲ったことを考えてみると、 ◉padding boderの内側の余白を調整 ◉margin borderの外側の余白を調整 また、borderの内側には背景(background)をつけることが…

罫線2

◉「border-width」で上下左右を囲った際に、線の太さを適用する際の書き方 値はスペースで区切って複数で指定し、書き方によって指定箇所が変わる。 ● 上下左右 border-width: 10px; ● 上下 左右 border-width: 10px 5px; ● 上 左右 下 border-width: 10px 5…

罫線1

罫線はborderで指定し、 20パターン用意されている。 ◉線種類 ● 上下左右 : border-style ● 上 : border-top-style ● 下 : border-bottom-style ● 左 : border-left-style ● 右 : border-right-style ◉線の太さ ● 上下左右 : border-width ● 上 : b…

色の仕組み

◉色の構成 コンピュータの世界における、出力される色はRGBで表現している。 RGB = Red、Green、Blue の3原色 この3原色の輝度(明るさ)によって、値を変化させ、 3色を掛け合わせるとこで、フルカラーを表現している。 各原色はそれぞれ0〜255の2…

CSSの外部ファイル化と記述場所について

style.css というファイルを新規に作成し、 HTML 側で外部のファイル(style.css)を読み込むことで デザインは適用していた。 このように、HTML ファイルとは別にCSSファイルを作成することを、 「CSSの外部ファイル化」と呼ぶ。 実は、この記述方法以外に…