!important  优先权
transparent背景透明
inherit 继承父级样式
rgba(125, 0, 0, .3);

选择符

E F 包含
E>F 子类
E+F 相邻
E~F兄弟
E[att="val"] 属性

a:link{}
a:visited{}
a:hover{}
a:active{}

input:focus{}获得焦点

E:first-child 第一个
E:last-child 最后一个
li:nth-child(2n){color:#f00;} 偶数
li:nth-child(2n+1){color:#000;}  奇数
E::before 之前
E::after 之后
p::selection{background:#000;color:#f00;} 只能定义背景字体颜色
  • 定位
    position:static | relative相对定位 | absolute绝对定位 | fixed 
    z-index:1;
    top:50%;
    left:50%;
  • 布局
    display:none隐藏 | inline内联 | block块元素 |  inline-block内联块
    float:none | left | right 不浮动左浮动 右浮动
    clear: left | right | both 清理浮动
    visibility:visible | hidden可见/隐藏
    overflow|overflow-x|overflow-y: hidden | scroll 超出部分隐藏/滚动
    margin:上 右下左 外补白
    padding:上右下左 内补白
  • 边框
    border:5px solid #000; dashed虚线 dotted点线
    border-radius:1px 圆角
    border-style:none 隐藏边框
  • 背景
    background-color :#000; 默认transparent透明
    background-image :url()  默认none
    background-repeat :
    repeat-x: 背景图像在横向上平铺 
    repeat-y: 背景图像在纵向上平铺 
    repeat: 背景图像在横向和纵向平铺 
    no-repeat: 背景图像不平铺
    background-attachment:
    fixed: 背景图像相对于窗体固定。 
    scroll: 背景图像相对于元素固定
    background-position:0% 0% 指定对象的背景图像位置。 
    background-origin: 指定对象的背景图像显示的原点。 
    background-clip: 指定对象的背景图像向外裁剪的区域。 
    background-size:
    auto: 背景图像的真实大小。 
    cover: 将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。 
    contain: 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。
  • 字体
    color:rgba(0,0,0,.5);}
    opacity:.5;  1不透明 0透明
    font-style:normal | italic 正常/斜体
    font-weight:normal | bold正常/粗体 700粗体
    font-size:16px
    font-family:helvetica,verdana,sans-serif;
    text-transform:none | capitalize | uppercase | lowercase 不转换/首字母/大写/小写
    text-align:left | right | center
    text-indent:20px 缩进
    line-height:22px 行高=高居中
    vertical-align:baseline | sub下标 | super上标 | top | middle
  • 列表
    list-style-image:url()
    list-style-type:disc 实心圆| circle 空心圆| square实心方块 | decimal 数字
    none不显示|lower-alpha小写 | upper-alpha大写
    list-style-position:outside | inside 文本外/文本内
  • 其他
    border-collapse:separate | collapse边框独立/合并
    outline-style:none 无轮廓
    cursor:pointer;鼠标
文档更新时间: 2020-07-26 22:39   作者:Yoby