ログイン

CSS
26問 • 1年前
  • 干し芋
  • 通報

    問題一覧

  • 1

    CSSを書く場所のタグ

    <style> </style>

  • 2

    コードの書き方(CSS)

    <style> セレクタ { プロパティ: 値; プロパティ: 値 } </style>

  • 3

    タグを指定

    タグ名 {〜}

  • 4

    id名で指定

    #id名 {〜}

  • 5

    class名で指定

    .class名 {〜}

  • 6

    適用先を複数指定

    ○○, ○○, ○○ {〜}

  • 7

    子孫セレクタ(絞込み指定)

    ○○ ○○ ○○ {〜}

  • 8

    文字の大きさを変える

    セレクタ {font-size: ○○px or ○○em}

  • 9

    文字の色を変える

    セレクタ {color: 色名 or カラーコード}

  • 10

    文字を左/中央/右に寄せる

    セレクタ {text-align: left or center or right}

  • 11

    背景色を変える

    セレクタ {background-color: 色名 or カラーコード}

  • 12

    線で囲う

    セレクタ {border: 線の太さ 色名 種類}

  • 13

    実線

    solid

  • 14

    点線

    dotted

  • 15

    破線

    dashed

  • 16

    二重線

    double

  • 17

    上下左右どこかだけに線を引く

    セレクタ <border-top/bottom/left/right: 〜>

  • 18

    コメントアウト

    /*文章*/

  • 19

    Flexboxを作成する

    display: flex;

  • 20

    Flexbox アイテムの並び順を指定

    flex-direction

  • 21

    Flexbox アイテムの折り返しを指定

    flex-wrap

  • 22

    Flexbox アイテムの並び順と折り返しを指定

    flex-flow

  • 23

    Flexbox アイテムの水平方向の位置を指定

    justify-content

  • 24

    Flexbox アイテムの垂直方向の位置を指定

    align-items

  • 25

    Flexbox アイテムの行と垂直方向の位置を指定

    align-content

  • 26

    ボーダーの角を丸める

    border-radius

  • キクタン初級

    キクタン初級

    干し芋 · 184問 · 2年前

    キクタン初級

    キクタン初級

    184問 • 2年前
    干し芋

    キクタン初級(名詞)

    キクタン初級(名詞)

    干し芋 · 184問 · 2年前

    キクタン初級(名詞)

    キクタン初級(名詞)

    184問 • 2年前
    干し芋

    英語

    英語

    干し芋 · 15問 · 1年前

    英語

    英語

    15問 • 1年前
    干し芋

    ドイツ語

    ドイツ語

    干し芋 · 190問 · 1年前

    ドイツ語

    ドイツ語

    190問 • 1年前
    干し芋

    追加分2

    追加分2

    干し芋 · 100問 · 1年前

    追加分2

    追加分2

    100問 • 1年前
    干し芋

    レーゲンスブルク

    レーゲンスブルク

    干し芋 · 1199問 · 1年前

    レーゲンスブルク

    レーゲンスブルク

    1199問 • 1年前
    干し芋

    Unit 1

    Unit 1

    干し芋 · 58問 · 1年前

    Unit 1

    Unit 1

    58問 • 1年前
    干し芋

    Unit 2

    Unit 2

    干し芋 · 57問 · 1年前

    Unit 2

    Unit 2

    57問 • 1年前
    干し芋

    Unit 3

    Unit 3

    干し芋 · 44問 · 1年前

    Unit 3

    Unit 3

    44問 • 1年前
    干し芋

    Unit 4

    Unit 4

    干し芋 · 49問 · 1年前

    Unit 4

    Unit 4

    49問 • 1年前
    干し芋

    Unit 5

    Unit 5

    干し芋 · 49問 · 1年前

    Unit 5

    Unit 5

    49問 • 1年前
    干し芋

    Unit 6

    Unit 6

    干し芋 · 54問 · 1年前

    Unit 6

    Unit 6

    54問 • 1年前
    干し芋

    Unit 7

    Unit 7

    干し芋 · 45問 · 1年前

    Unit 7

    Unit 7

    45問 • 1年前
    干し芋

    Unit 8

    Unit 8

    干し芋 · 56問 · 1年前

    Unit 8

    Unit 8

    56問 • 1年前
    干し芋

    Panorama B1.1

    Panorama B1.1

    干し芋 · 412問 · 1年前

    Panorama B1.1

    Panorama B1.1

    412問 • 1年前
    干し芋

    数詞

    数詞

    干し芋 · 11問 · 1年前

    数詞

    数詞

    11問 • 1年前
    干し芋

    問題一覧

  • 1

    CSSを書く場所のタグ

    <style> </style>

  • 2

    コードの書き方(CSS)

    <style> セレクタ { プロパティ: 値; プロパティ: 値 } </style>

  • 3

    タグを指定

    タグ名 {〜}

  • 4

    id名で指定

    #id名 {〜}

  • 5

    class名で指定

    .class名 {〜}

  • 6

    適用先を複数指定

    ○○, ○○, ○○ {〜}

  • 7

    子孫セレクタ(絞込み指定)

    ○○ ○○ ○○ {〜}

  • 8

    文字の大きさを変える

    セレクタ {font-size: ○○px or ○○em}

  • 9

    文字の色を変える

    セレクタ {color: 色名 or カラーコード}

  • 10

    文字を左/中央/右に寄せる

    セレクタ {text-align: left or center or right}

  • 11

    背景色を変える

    セレクタ {background-color: 色名 or カラーコード}

  • 12

    線で囲う

    セレクタ {border: 線の太さ 色名 種類}

  • 13

    実線

    solid

  • 14

    点線

    dotted

  • 15

    破線

    dashed

  • 16

    二重線

    double

  • 17

    上下左右どこかだけに線を引く

    セレクタ <border-top/bottom/left/right: 〜>

  • 18

    コメントアウト

    /*文章*/

  • 19

    Flexboxを作成する

    display: flex;

  • 20

    Flexbox アイテムの並び順を指定

    flex-direction

  • 21

    Flexbox アイテムの折り返しを指定

    flex-wrap

  • 22

    Flexbox アイテムの並び順と折り返しを指定

    flex-flow

  • 23

    Flexbox アイテムの水平方向の位置を指定

    justify-content

  • 24

    Flexbox アイテムの垂直方向の位置を指定

    align-items

  • 25

    Flexbox アイテムの行と垂直方向の位置を指定

    align-content

  • 26

    ボーダーの角を丸める

    border-radius