CSS– category –
-
CSS
CSSでレスポンシブ対応する基本設定まとめ【初心者向け】
CSSを使ってホームページを作っていると、 ・スマホで見ると崩れる・レスポンシブと言われても何からやればいいか分からない・とりあえず直したけど、合っているのか不安 こんな悩みも出てきますよね。 そこでこの記事では、CSS初心者の方向けに「最低限こ... -
CSS
CSSで横並びレイアウトを作る基本|スマホでも崩れない配置方法
ホームページを作っていると、 ・横に並べたいのに縦に落ちる・スマホで見るとレイアウトが崩れる・横スクロールが出てしまう このような悩みはとても多いですよね。 そこでこの記事では、CSS初心者の方でも分かるように、スマホでも崩れにくい横並びレイ... -
CSS
CSSで背景色・枠線をきれいにデザインする方法
ホームページを作っていると、 ・文字だけで読みにくい・枠線を付けたらダサくなった・背景色と枠線のバランスが分からない このような悩みを持つこともありますよね? そこでこの記事では、CSS初心者でも使いやすい背景色・枠線の基本と、きれいに見せる... -
CSS
CSSでレイアウトが崩れる原因と直し方まとめ
ホームページを作っていると、 ・昨日まで問題なかったのに、急に崩れた・どこを直せばよいのか分からない・スマホだけおかしくなる このようなトラブルはよく起きますよね。 そこでこの記事では、初心者でも順番に確認すれば直せるように、レイアウトが崩... -
CSS
CSSで画像サイズを自動調整する方法|スマホ対応の基本コード
ホームページを作っていると、 ・画像が大きすぎて画面からはみ出る・スマホで見るとレイアウトが崩れる・パソコンでは問題ないのに、スマホだけおかしい こんな悩みを持たれることもあると思います。 そこでこの記事では、初心者でもすぐ使えるCSSで画像... -
CSS
CSSで横幅を画面いっぱいにする方法|はみ出しを防ぐ基本設定
ホームページを作っていると、 ・横にスクロールバーが出てしまう・画面いっぱいに表示したいのに、左右に余白が残る・スマホだけレイアウトが崩れる こうした悩みはとても多いです。 そこでこの記事では、CSS初心者でも分かるように、横幅を画面いっぱい... -
CSS
CSSで中央寄せする方法まとめ|文字・画像・ブロック別に解説
ホームページを作っていると、 ・中央にしたいのに、左に寄ったまま・文字はできたけど、画像ができない・いろいろな書き方があって混乱する こんな悩みを持つこともありますよね。 そこでこの記事では、文字・画像・ブロック要素ごとに、正しい中央寄せの... -
CSS
CSSで余白(margin・padding)を調整する基本|レイアウトが整う書き方
ホームページを作っていると、 ・文字や画像がくっついて見える・間隔がバラバラで見た目が悪い・marginとpaddingの違いがよく分からない こうした悩みはとても多いと思います。 そこでこの記事では、CSS初心者でも分かるように、marginとpaddingの基本と... -
CSS
CSSで行間を読みやすくする方法|詰まりすぎ・広すぎを直すコツ
ホームページを見ていて、 ・文字が詰まりすぎて読みにくい・行間が広すぎて、間のびして見える・どこを直せばよいかわからない このように思われることもありますよね。 そこで、この記事では、CSSで行間を整える基本と詰まりすぎ・広すぎを直すコツを分... -
CSS
CSSで文字サイズを変更する方法|スマホでも見やすくする基本設定
ホームページを作っていると、 ・文字が小さくて読みにくい・パソコンではよいけど、スマホだと文字が小さい・どこで文字サイズを変えればよいかわからない こうした悩みはとても多いです。 そこでこの記事では、初心者でもすぐできる文字サイズの変更方法...
1
