メニューページで使うスタイルを作成しよう|さきちんWEB▲SakichinWEBホームページの作り方:さきちんうぇぶホームページの作り方を基礎から学べるウェブサイト。「minibox」スタイルを作成しようメニューページの構成に必要な、商品画像を差し込む「minibox」スタイルを作成しましょう。「style.css」を開きます。スタイルの作成step.1「style.css」を開いたら、以下のコードを入力しましょう。セレクタを入力します。{}商品画像を表示する枠なので、合計8回使いまわします。.(ドット)を付けておきましょう。step.2次に縦幅と横幅を決めます。縦幅・横幅共に135pxにしましょう。{width:135px;height:135px;}step.3次に領域間余白を設定しましょう。「.minibox」間の余白を調整します。0px;}右方向に10px、下方向に10pxの領域間余白を設定しましょう。他の方向は0pxにします。step.4最後はfloatで回り込みを指定します。これがないと、「.minibox」は横並びに表示されません。0px;float:left;}float:left;を使って、左方向に回りこみ指定を行いましょう。これで「.minibox」スタイルの完成です。入力内容に間違いがないか確認しましょう。[CSSの記述例]次のページから、このスタイルを使って「メニューページ」を作り上げていきましょう!覚えておきたいポイント何度も使用するスタイル「.minibox」スタイルは何度も使用するスタイルなので、.(ドット)を忘れないようにしましょう。計算に気をつけよう縦幅と横幅の計算を間違えないように気をつけましょう。上下左右にボーダーを表示するので、縦幅・横幅からそれぞれ2pxを引く必要があります。良質なコンテンツを作り込む検索エンジン最適化(SEO対策)広告を出すSNSを利用する独自ドメインを取得しようあとがき快適なサイト運営のためにウィルス対策について安心してホームページを運営するための心がけ。HTMLの特殊文字一覧よく使う、HTMLの特殊文字・記号の一覧表。カラーコードの一覧HTML・CSSで使えるカラーコードの一覧表。当サイトをご利用になる前に、必ずご確認ください。FAQよくあるご質問など。お問い合わせさきちんWEBについてのお問い合わせはこちらから。個人情報管理とWeb広告配信について。運営者情報さきちんWEBの管理・運営者、さきちんについて。サイトマップさきちんWEBのサイトマップ。さきちんWEBについてホームページの作り方を学習できるウェブサイトです。さきちんWEBはホームページの作り方が学べるウェブサイトです。基本から応用まで、ホームページ制作に必要な知識が身につきます。初心者でもOK!難しい専門用語を使わず、わかりやすい説明でホームページの作り方を学ぶことができます。お手本を見ながらサクサク学習。実践形式でグングン上達。まで必要な知識がまとめて身につく、オールインワン学習サイトです。SakichinWEB。