可继承

  • 字体类型:font-size/font-weight/font-style/font-family
  • 文本类型:color/text-align/line-height/text-indent
  • 列表类:list-style-type/list-style-position/list-style-image/list-style

不可继承

  • width/height/background-color/border/float/text-decoration

    注意:1,继承样式式权重值最低,比0还低 2,自带的样式要自己去,不能通过父类去

内容区(content)

  • 宽高形成的区域
  • 内容(文字/图等)在内容区显示 内填充/内边距(padding)

padding值的特点

  • 一个值:四周,两个值:上下/左右,三个值:上/左右/下,四个值:上/右/下/左;

特点:

  1. 会撑大盒子,如果不想盒子被撑大需要在原来宽高的基础上减去对应方向的padding

  2. padding不可设置负数

  3. padding区域可以显示背景色/图
  4. padding可以用来调整内容的位置
  5. padding对于内联元素上下显示不准确,左右准确,块和内联块都没问题

margin的bug

margin的传递:给父元素中的第一个子元素设置上边距的时候,会错误的加在父元素的身上

  1. 使用padding
  2. 给父元素加边框
  3. 给父元素/该元素加浮动
  4. 给父元素加overflow:hidden(溢出隐藏)
    margin的重叠:给上面的元素加下边距,给下面的元素加上边距,会导致margin值的重叠,重叠之后以最大值显示,左右会相加

H5新增标签

头部:header ;底部:footer ;导航:nav ;板块:section ;

主要内容区:main ;侧边栏:aside ;时间:time; 标记:mark 类似与dl figure--figcaption 音频:audio 视频 videio

语义化 ie8以上支持

表单新增

  • 邮箱type=”email” 地址type=”url” 颜色type=”color” 滑块type=”range” 数字type=”number” 搜索type=”search” 年月type=”date” 周type=”week” 月type=”month” 时分type=”time” 年月日时分秒type=”datetime-local”
  • 提示信息:placeholder 必填:required 多选:mjultiple 自动聚焦:autofocus 显示历史记录:autocomplete 正则(限制用户输入内容的格式):pattern

CSS中的伪类

CSS伪元素是添加到选择器的关键字,可用于设置所选元素的特定部分的样式。
“first-line” 伪元素用于向文本的首行设置特殊样式,只能用于块级元素。下面的属性可应用于 “first-line” 伪元素:font,color,background,word-space,letter-space,text-decoration,text-transform,line-height,clear。
“first-letter” 伪元素用于向文本的首字母设置特殊样式,只能用于块级元素。下面的属性可应用于 “first-letter” 伪元素:font,color,background,margin,padding,border,text-decoration,line-height,clear,text-transform。

CSS的长度单位

CSS 有两种类型的长度单位:相对和绝对。

相对长度:

rem与em的区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。

绝对长度


Y