文章目录
  1. 1. 不可继承的
  2. 2. 可继承的
  3. 3. 默认值
  4. 4. 固执的元素
  5. 5. 说明
  1. 书写时注意,可利用以下三点:
    利用 默认值
    利用 继承
    利用 层叠

不可继承的

  1. 盒模型-布局
    margin, border, padding
    width, max-width, min-width
    height, max-height, min-height

  2. 定位
    float, clear, overflow
    position (top,right,bottom,left)
    z-index

  3. 所有背景属性
    background (color,image,position)

  4. 文本属性
    vertical-align (垂直居中:行内、替换元素)
    text-decoration (文本属性)
    text-shadow (文本阴影)
    white-space (对空白字符的处理)
    unicode-bidi (css处理文本方向)

  5. 其他
    content (生成内容)
    content-reset (计数器标识-eg.ol时)
    outline (轮廓)
    clip(没玩过)

可继承的

  1. 文本属性
    font(size,weight,family)
    line-height
    text-indent
    text-align
    word-spacing
    letter-spacing
    text-transform
    direction(文字方向)

  2. 其他
    color
    cursor
    list-style(-type,-image,-position) :eg.list-style:url() square inside
    quotes (生成括号)
    visibility【再确认?】

默认值

  1. margin:0

  2. border 的默认值
    border-style: 默认为none
    border-color: 默认为 元素本身的前景色|父元素的文本颜色
    border-width: 默认medium

没有样式,就没有宽度,所以 border 也无从谈起

border-style:10个,eg.solid,dashed,dotted,…..,inset,outset
border-width 有4种设值:px, thin, medium, thick
border-color:可透明,transparent

背景色 及 border 的位置关系:border是在background之上的

固执的元素

clear:只对块级元素
list-style:只对 display:list-item 的元素
position 不是 static,则为定位元素
background-color 默认的是 transparent(所以看起来像继承)

说明

  1. a的颜色
    往往不继承其外层容器:因为代理自己设了a的样式
文章目录
  1. 1. 不可继承的
  2. 2. 可继承的
  3. 3. 默认值
  4. 4. 固执的元素
  5. 5. 说明