css其他属性规则

css列表规则

⽤来设置有序列表，无序列表，自定义列表的显示⽅式，通常情况下我们会直接将列表样式设置为none （不需要列表样式）

• list-style-type 设置列表项标志类型

• list-style-image ⾃定义设置列表项标志

• list-style-position 设置列表项标志出现的位置

• list-style 列表样式的速记写法

   **list-style:none;**
  

其他样式

• cursor 调整光标悬浮到链接上的时候光标的形状
  dufault 箭头（默认）
  pointer 手型
  crosshair 十字形
  help 问号 表示帮助
  text 表示文本

• visibility 可见性 设置内容显示与隐藏，占据屏幕空间
  hidden 隐藏
  visible 可见

• opacity 设置透明度
  0-1之间的取值
  取值为0的时候隐藏，占据屏幕空间

   opacity：.3 ;
  

• overflow 盒⼦内部内容溢出部分处理
  visible 默认值，溢出内容不会改变
  hidden 溢出部分隐藏
  scroll 无论是否溢出，都显示滚动条
  auto 溢出显示滚动条，没有溢出则不显示滚动条

• display 元素的显示方式
  none 隐藏元素且不占据空间
  block 转换为块级元素，显示元素
  inline 转换为行内元素
  inline-block 转换为行内换元素
  table-cell 此元素会作为一个表格单元格显示
  table 此元素会作为块级表格来显示（类似 table标签），表格前后带有换行符

• outline 设置外圈线框
  outline-color: pink;
  outline-width: 2px;
  outline-style: solid;
  outline-offset: 1px;

  none 默认设置 (通常用于清除input输入框的的蓝色边框样式）

• resize
  textarea { resize: none } 防止文本域拖拽

• vertical-align 行内元素（行内块元素）（input）在容器中的垂直排列方式

  baseline 默认 元素放置在父元素的基线上。（图片放在容器中与盒子下方之间存在空隙）
  middle 把此元素放置在父元素的中部。
  top 把元素的顶端与行中最高元素的顶端对齐
  bottom 把元素的顶端与行中最低的元素的顶端对齐。
  sub 垂直对齐文本的下标。
  super 垂直对齐文本的上标
  text-top 把元素的顶端与父元素字体的顶端对齐
  text-bottom 把元素的底端与父元素字体的底端对齐。
  % 使用 “line-height” 属性的百分比值来排列此元素。允许使用负值。
  inherit 规定应该从父元素继承 vertical-align 属性的值。

使用css隐藏html元素的方法

1. visibility：hidden；不可见
2. display：none；不会占用文档流空间
3. opacity：0；透明度
4. position：absolution；
   left：- 100000px；
   绝对定位脱离文档流，不会受float和margin的影响

图片在父元素中垂直居中

1. display：table-cell; /设置为表格元素/
   vertical-align:middle;
   可能对外边距的设定产生影响