【无标题】

基础选择器：

• 标签选择器

  一次性把网页所有一类的标签选出来 p div a li

• id选择器

  身份证号：每个网页不能重复

• 类选择器

  class人名

• 通配符选择器*
• 能匹配页面中所有的元素

• 包含选择器：

• 子代选择器 ul>li 

• 后代选择器 ul li 能找到ul之后所有li

• 伪类选择器：

• a:link - 正常，未访问过的链接

• a:visited - 用户已访问过的链接

• a:hover - 当用户鼠标放在链接上时（用的最多）

• a:active - 链接被点击的那一刻

• cursor-鼠标样式 cell-加号

• 结构伪类选择器：

  ul li:nth-child(n)-----匹配父元素第n个子元素，而且是先看子元素后看li
  ul li:nth-of-type(n)-----先找li后对应n号元素

• 伪元素选择器：

  在li的前面/后面，创建了一个伪装的元素

  ::before content:“~”
  ::after content:“~”
  ::selection               

• 边框
  border-width: 2px;-------边框宽度
  border-style: dashed;-------边框样式 dashed虚线/solid实线
  border-color: aqua;-------边框颜色
  border: 4px solid aqua-------(连写)宽度 样式 颜色
  border-radius-----边框圆角效果 border-radius：50%-----圆
  border-top-left-radius: 40%;------边框左上角变成四分之一圆弧
  合并相邻边框
  cellspacing=“0”-------删除单元格之间空隙

  border-collapse: collapse;------合并相邻边框
  阴影
  box-shadow: 20px 20px 10px 10px black;-----阴影
  轮廓线
  outline: none;--------去掉轮廓线
  防拖拽
  resize: none-----防止文本拖拽
  textarea-----文本域
  vertical-align: top-----文本置顶
  vertical-align: middle-----文本居中
  vertical-align: bottom-----文本置底
  隐藏元素
  opacity: 0-----透明度为0
  display:none —不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。脱离文档流，原来的位置不再保留
  visible:hidden— 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。元素隐藏，位置保留
  绝对定位
  position: absolute-----绝对定位：不保留原来位置（子盒子相对于浏览器进行移动）

  position: relative-----相对定位（子盒子相对于父盒子进行移动）

  子绝

  子绝父相
  父亲没有相对定位，继续向上找，谁有相对定位，以谁作为参考移动，如果都没找到，则相对于浏览器进行定位
  固定定位
  position: fixed-----固定定位
  粘性定位
  position: sticky;-----粘性定位

  top: 0;-----距离顶部0