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; 就是把元素中的文本排列到中间。