Study record

未経験2児ママのプログラミング勉強記録

HTML/CSS

HTML/CSS_lll レスポンシブデザイン

Media Queries(メディアクエリ) ブラウザの画面サイズに応じてCSSのスタイルを設定できるMedia Queries(メディアクエリ)という手法を用いて、様々なデバイスや画面サイズに合わせてコンテンツのレイアウトを調整する。 書き方 @media (条件) { .... } :指定…

HTML/CSS_ll

opacity 要素の中身全てを透明にする rgba 背景色のみを透明にするrgbaは4つの値をコンマ(,)区切りで入れる。 4つ目の値が透明にする度合いで、0 ~ 1の数値で指定する(値が小さいほど透明になる)。 /* 0.5が透明度 */ .box{ Background-color:rab(255,14…

HTML/CSS_ll ボタン

Progate「HTM &CSS中級編」ボタン作成時に覚えておきたいポイントがあったのでメモしておく。 インライン要素 aタグなど width・height:指定できない margin・padding:左右のみ指定できる 配置:横並び ブロック要素 width・height:指定できる margin・pa…

HTML/CSS_l

Progateで「HTM &CSS 初級編」をした。見返したいポイントがあったのでメモしておく。 class 要素にはclassを使って名前をつけることができる。classをつけることにより、それぞれの要素を識別し別々のCSSを適用することができる。 class名でCSSを指定する場…