代码复习(9.26)

  1. 标签

(1)      需要大家记,单标签和双标签

(2)      性能上 块标签和行标签

(3)      标签的属性

  1. Css

(1)      选择器,* 标签 class id 后代 子代 交集 并集 伪类 结构

(2)      层叠性 选择器权重的计算

①    选中和选不中 如果没有选中就是继承父级的样式,采用就近原则

选中的话就计算权重,谁的权重大就选谁,如果权重相同,后者会覆盖前者。

(3).继承性 样式的属性 font color text line-height

  1. 排版

(1)      Float

(2)      Position

(3)      标准文档流:浏览器天生的一种排版方式,块独占一行,行可以并排排列。

打破标准文档流的方式有 float absolute fixed。

 

  1. background-position  雪碧图

我们的html和css中有三个属性可以向服务器发送请求,src href url。

  1. Overflow

(1)      值Hidden 超出就隐藏

(2)      值Scroll  出现滚动条

Visibility:hidden;  可见的 (消失但是占用位置)

Display:none;消失但不占用位置

为什么使用雪碧图?

因为我们使用雪碧图之后,本来需要多次请求的图片,我们一次就请求过来了,然后使用background-position调位置,从而减少了该页面向服务器请求的次数,间接的优化了该页面的性能。

posted @ 2018-09-28 20:39  前端的学习者  阅读(99)  评论(0编辑  收藏  举报