标签的属性与属性值

1,list-style-type   是设置列表项标记的内容

目前学到的值有 : none:无标记,可以将ul和li的标记


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

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

2,text-decoration:none:去掉下滑线

有四个值:none,underline,overline,line-through

text-decoration:underline:文本底部加下划线

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,display: flex:弹性布局,可以扩张和收缩。

justify-content: 在主轴上的对齐方式

space-between;两端对齐,中间间隔相等。

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



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

5.display: inline-block;

display:inline; 内联元素,简单来说就是在同一行显示。
display:block; 块级元素,简单来说就是就是有换行,会换到第二行。
display:inline-block; 就是在同一行内的块级元素。
 

6,no-repeat, 用于设置背景图不重复

7,vertical-align,   可以用于设置元素的垂直对齐方

   目前接触到的几种属性值: 

          1. baseline:默认。元素放置在父元素的基线上。
          2.sub:垂直对齐文本的下标。
          3.  super:垂直对齐文本的上标
          4.middle:把元素放置在父元素的中部。

8,text-align: center; 就是把元素中的文本排列到中间。

猜你喜欢

转载自blog.csdn.net/weixin_71452134/article/details/128194986