タグの属性と属性値

1. list-style-typeはリスト項目マークを設定する内容です

これまでに学習した値は次のとおりです: none: マークなし、ul と li をマークできます


<style>
     li{ 
         list-style-type:none;
        }
<style/>

<body>
    <ul>
       <li>...<li/>
    <ul/>
<body/>

2. text-decoration: none: 下線を削除します。

値は 4 つあります: なし、下線、上線、通し線

text-decoration: 下線: テキストの下部に下線を引きます

text-decoration: overline: テキストの先頭に下線を追加します。

text-decoration: line-through: テキストの中央を通過します。

<style>
    .box1 a{text-decoration:none;}

    .box2 a{text-decoration:underline;}

    .box3 a{text-decoration:overline;}

    .box4 a{text-decoration:line-through;}
<style/>
<body>
   <div class="box1">
      <a herf=" "target="">去掉下划线<a/>
   <div/>

 <div class="box2">
      <a herf=" "target="">下划线<a/>
   <div/>

 <div class="box3">
      <a herf=" "target="">上划线<a/>
   <div/>

 <div class="box4">
      <a herf=" "target="">从文字中间穿过的线<a/>
   <div/>

<body/>

3.align-items:center:: 要素をコンテナの中央に配置します。

div{
    display:flex;
     alingn-items:center
    }

4. ディスプレイ: フレックス: 伸縮可能な伸縮性のあるレイアウト。

justify-content: 主軸の配置

space-between;両端を中央に等間隔で配置します。

div{
    display:flex;
    justify-content:space-between}



<div class="box1">
  <div><div/>
  <div><div/>
  <div><div/>
<div/>

5.表示: インラインブロック;

display:inline; インライン要素は単純に同じ行に表示されます。
display:block; ブロックレベルの要素は、簡単に言うと改行があり、2 行目に変更されます。
display:inline-block; は、同じ行のブロックレベルの要素です。

6. no-repeat、背景画像が繰り返されないように設定するために使用されます。

7.vertical-align は、要素の垂直方向の配置を設定するために使用できます。

これまでに出会ったいくつかの属性値は次のとおりです。

1. ベースライン: デフォルト。要素は親要素のベースライン上に配置されます。
2.sub: テキストの下付き文字を縦に揃えます。
3. super: テキストの上付き文字を縦に揃えます。
4. middle: 要素を親要素の中央に配置します。

8. text-align: center; は要素内のテキストを中央に配置します。

おすすめ