CSSでグラデーションが簡単にできた shapy.app ↑で作りたいグラデを作る(語彙力) コピーするところがあるのでコピーする。 backgroundプロパティに貼り付ける。 グラデになる（すごい） See the Pen PooZVvg by すず@progateでお勉強はじめました (@hpsuzuca…

HTML＆CSS③ レスポンシブデザインに対応するための基礎知識 メディアクエリとは？ ブラウザの画面サイズに応じてCSSのスタイルを適用できる手法 メディアクエリの書き方 @media(条件){…} 条件を満たしているときのみそのスタイルが適用される。 条件には、ma…

HTML&CSS② ～HTML～ <header></header>と<footer></footer> ヘッダーとフッターはクラスが予め用意してある。 CSSで使うときは「.」が不要。 ～CSS~ 背景画像を指定…background-image background-image : url(xxx.png); 背景画像の大きさを指定…background-size contain…縦横比を崩したり画像を…

HTML&CSS① 学んだことを忘れないようにメモメモ ～HTML～ 見出し…<h1>～<h6> 見出しは<h1></h1>～<h6></h6>までの要素を使用する。 ※ブロック要素 段落…<p> 段落は<p></p>要素を使用する。 ※ブロック要素 コメント… コメントはを使用する。 リンク…<a> <a href="URL">表示させたいテキスト</a> ※インライン要素 画像表</a></p></h6></h1>…