2023年07月クラス
CSSリセットとは、デフォルトでブラウザに付いているスタイルを打ち消す（リセットする）CSSのことです。 すべてのブラウザには、すべてのWebページに適用される「user agent stylesheet」と呼ばれるデフォルトのスタイルが付属しています。CSSリセットはブ…
トップページ <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>モバイルに特化したwebサイト</title> <link rel="stylesheet" href="css/style.css"> </head> <body id="top"> <div class="bg-wrapper"> <div class="bg-inner"></div> </div></body></html>
index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>モバイルに特化したwebサイト</title> <link rel="stylesheet" href="css/style.css"> </head> <body > <div class="bg-wrapper"> <div class="bg-inner"></div> </div> </body></html>
今ではpcでもspでも最適に表示されるレスポンシブサイトは当たり前で、最近はむしろspでの表示を優先させ、pc時は画面いっぱいの固定背景（多くはbody要素を固定）を置き、モバイル幅の中にコンテンツを入れるようなspファースト、もしくはspオンリーのサイ…
Sassとは？ Sass(Syntactically Awesome Stylesheets）とはcssのメタ言語で、簡単にいうとcssの機能を拡張した高機能版cssといった感じです。 Sassを使うメリット 変数や関数などプログラム的な使い方が可能 メンテナンス性が高い 記述量を減らし、データの…
今回の要件定義 制作するサイト：スマホに特化したLP スイーツお取り寄せのサブスクサービス店舗名：Sweet Box タグライン1:enjoy sweet at home タグライン2:おうちで楽しむ新しいスイーツ体験 コンセプト 全国の選りすぐりのお店から 自慢のスイーツセット…
