WEB制作 - UPTECH DESIGN（アップテックデザイン）

CSSの単位「px・em・rem」の違いとは？使い分けを初心者向けに徹底解説【フォントサイズ・レスポンシブ対応】

CSS学習を始めたばかりの頃、コード例に書かれている「1.5em」や「1rem」といった単位表記を見て、「これは何?」と疑問に思ったことはありませんか?フォントサイズの指定は「px」しか使ったことがなく、相対単位の意味や […]

スマートフォンで画面が横スクロールしてしまう問題について、以下の対処法を解説します。問題の状態と原因スマートフォンで画面が横スクロールすると、背景色が見えずに横に動いてしまう状態になります。この問題の原因は、body […]

読み込めなくて困っているんだから早く教えて！という人はこちらから今回はWEB制作学習を始めるほとんどの人がぶつかるであろう「パス」について解説します。今回の記事のポイントは以下の4点。 POINT パスには「絶対パス […]

CSSのプロパティで「before」と「after」というものがあります。これらは疑似要素と言われ、CSS側で疑似的に要素を追加するというものです。必ず使わなくてはいけないわけでないですが、このbeforeやafte […]

CSSの記述は「セレクタ」「プロパティ」「値」の3つで記述されています。この3つを用いて記述することがCSSの基本文法です。 CSSはHTML内に記述することもできますが、推奨されておらず、一般的にはCSSファイルを別 […]

HTMLのコメントアウトは以下の通り。  ショートカットキーは以下の通りコメントアウトのショートカットキー windows 「 Ctrl + / 」 Mac 「 ⌘ […]

早速ですがmargin:0 auto;が効かない時は以下のことを確認してみてください。 displayの値が「inline」「inline-block」以外になっているか widthを指定しているか positionやf […]

「マージンやパディングが効かないんだけど！！」 WEB制作を学び始めたばかりの時、自分もありました。結論から言うと、「インライン要素にかけていませんか？」ということ。要するに、マージンやパディングをかけている要素が […]

WEB制作を始めたばかりのうちはtext-alignが効かない！ということがよくあります。結論から言うとtext-alignが効かないのは、text-alignをかける場所が違うからです。 text-alignが効かな […]

HTMLタグの種類は140以上。ほとんどが使われることがないので、まず今回ご紹介するタグを覚えましょう。覚えるといっても暗記する必要はありません。 HTMLタグをはじめ、その他言語は作りながら身体に染みついていくもので […]

HTML/CSSでWebサイトを作り始めると、「font-family」でフォントを指定する場面に必ず出会いますよね。コードの書き方は理解できても、「どのフォントを選べば読みやすいの?」「ゴシックと明朝って何が違うの?」 […]

Web制作を学び始めると、HTMLやCSSのコーディング中に「.webp」という見慣れない拡張子を目にすることがありますよね。「これって何?」「JPEGやPNGとどう違うの?」と疑問に思った方も多いのではないでしょうか。 […]