vue的html+css标签解读

1. <a href="https://cli.vuejs.org" target="_self" rel="noopener">

target=_self表示本页面跳转，=_blank表示跳转到新页面

rel="noopener" 保证安全

2. .vue文件里最下面的<style scoped> 

当style标签里面有scoped属性时，它的css只作用于当前组建的元素，相当于私有化属性选择器

3.margin表示组件间的间距，padding表示组件边与组件内部元素的间距。

h3 {

        margin: 40px 0 0;

        margin:40px 0 0 0;

}

三个参数的顺序：上  左右 下

四个参数的顺序：上 右 下 左

4. ul无序列表，ol有序列表，dl定义列表

ul下只能有li标签，li里可以加其他的标签，li不能单独用

list-style-type 属性设置列表项标记的类型,none无标记，disc实心圆，circle空心圆，square实心方块，decimal数字

ul {

  list-style-type: disc;

  padding: 0;}

list-style-image 属性使用图像来替换列表项的标记。

ul {

list-style-image: url(./img/images/buy.png);  }

list-style-type:none 属性用于移除小标记。

默认情况下列表 <ul> 或 <ol> 还设置了内边距和外边距，可使用margin:0 和 padding：0来移除。 二者选其一既可以实现标记移除。

ul {

  list-style-type: none;

  padding: 0;  }

5.  display的三个属性

display:inline 行内元素共享一行

display:block 使元素变成块级元素，独占一行，在不设置自己的宽度的情况下，块级元素会默认填满父级元素的宽度

display:inline-block 融合行内于块级,块级元素能够在同一行显示. 比浮动布局更整齐