CSS知识点（二）

1. 1、清除浮动 a) 问题： i. 父盒子的高度无法撑开 ii. 父盒子背景无法显示 b) 解决方式 i. 给父盒子设置一个固定高度
   ii. 给父盒子设置overflow:hidden，起到清除浮动的功能 iii. clear属性来清除 2、字体样式
   a) 字体大小：px em b) 字体样式：font-family c) 行高：line-height （行高一般不会小于字体大小）
   功能：设置文字纵向居中 d) text-align:设置内容居中（主要指的是文字或者内联元素）
   但是对块级元素无效、对浮动元素无效

   3、超链接 a) 锚点：当前页面具体位置定位 通过href属性的值来指定定位元素的id b) Target：_self _blank
   _parent _top 标签：frameset frame 4、背景图片 a) background-image:url() b) background-repeat：repeat/no-repeat/repeat-x/repeat-y
   c) background-postion:top/bottom/left/right/center
   d) background:repeat url postion css中：如果一个属性需要同时设定多个值，必然是用空格隔开

   定位（position） 1、取值：relative absolute fixed static 相对 绝对定位
   固定定位 默认定位方式 2、css四个属性（top、left、right、bottom） 3、Relative相对定位
   a) 定位的元素，可以通过left、right、top、bottom这四个属性设置新的位置 b) 元素移动后，原来的坑不变(元神出窍)
   c) 作用：界面微调 配合绝对定位来用（子绝父相） 4、Fixed：固定定位
   a) 值当前元素以浏览器位置进行定位，不会以页面位置进行定位
   b) 特点：设置fixed后，left、top、bottom、right有效 脱标 c) 主要应用：1、爬楼导航 2、顶部菜单冻结
   3、右边的回顶部效果 5、absolute：绝对定位 a) 特点：left、top、bottom、right有效 脱标
   b) 主要应用：不规则的元素定位上面 c) 注意：1）绝对定位的定位标准：有定位的父元素 2）如果所有父元素都没有定位，则会贴浏览器
   d) 子绝父相：如果子元素是绝对定位，一般父元素需要设置为相对定位 子绝父绝、子绝父固

   z-index（元素覆盖层级关系） 1、定义：设置当前page中元素的层叠顺序 2、注意点
   a) z-index值越大的，显示会在上层，但是没有封顶值 b) Z-index指对设置了position的元素生效
   c) 随父性：父元素的z-index值，会影响子元素的重叠效果 如果拼爹，拼不赢，则儿子不管多牛逼，都拼不赢

   技巧：如果大家做项目过程中，给当前元素设置z-index无效 1）是否给当前元素设置了定位
   2）看父元素的z-index值，是否存在随父性