LoginSignup
0
0

CSS入門(最近覚えたこと)

Last updated at Posted at 2024-04-21

左の余白を消す方法

CSSを書いていて左の余白を消したいときは下記のコードを使う

タグ名{
        padding-left:0;
      }

幅と高さを指定する

幅と高さを指定したいときはwidth(幅)とheight(高さ)を使う

タグ名{
        width:50px;
        height:50px;
      }

リストのデフォルトの余白を取り除く

一般的なブラウザでは、リストの周り(外側)に余白がつくそうだがそれを取り除きたい場合はmarginを使う
(marginは外側の余白で、paddingは内側の余白なので使い方には気を付ける)
→サルワカさんのがわかりやすい
https://saruwakakun.com/html-css/basic/margin-padding

ul {
        margin: 0 0 5px 0;
        (margin: 上 右 下 左;)
      }

CSSで横並びにする方法

単純な横並びであればflexboxを使う
(floatというものもあるが、使い分けはこれから勉強します)

親タグ {
        display: flex;
      }
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0