Internet ——DNS

空元素：不包含任何内容的元素（自闭合标签）

p标签：段落

 css：

选择器优先级：后面的覆盖前面的，后面引入的覆盖前面引入的，id选择器 优先于 类选择器 优先于 标签选择器

!important不会被任何选择器覆盖。

控制继承

多个选择器应用的样式相同，可用逗号连接。

伪类：p:first-child

后代选择器：article p 这两个可能是祖孙关系或更远

子代选择器：article>p 这两个是父子关系

letter-spacing

word-spacing

line-height

text-aligin

padding是指边框与元素的距离，margin是指外边框与边框的距离。？

console可以看js报错

network看有没有正确加载文件

盒子模型：height和width是指其边框内的长宽（不包括边距的厚度）

position属性可设置位置偏移，须搭配top和left搭配使用。sticky

相对定位（根据自身定位），绝对定位（根据上一级容器）

fix属性

flex布局：flex-grow等,会做横向排列

网格布局：

display:grid;

grid-template-columns: 1fr 1fr;

 

position: sticky;
    top:0;
display: flex;
    justify-content: space-between;
float:left;
      margin:0 20px 10px 0
 

margin（外边距用法）

设置一个盒子跟ta的父标签的外边距，不会改变任何盒子的大小。但是如果长度不当，相对位置可能会改变。

盒子A（以A为视角）的外边距是指A边框外部到其父类盒子边框内部的距离。（该距离不含任何边框宽度）

例子 1

margin:10px 5px 15px 20px;
  • 上外边距是 10px
  • 右外边距是 5px
  • 下外边距是 15px
  • 左外边距是 20px

例子 2

margin:10px 5px 15px;
  • 上外边距是 10px
  • 右外边距和左外边距是 5px
  • 下外边距是 15px

例子 3

margin:10px 5px;
  • 上外边距和下外边距是 10px
  • 右外边距和左外边距是 5px

例子 4

margin:10px;
  • 所有 4 个外边距都是 10px