复习HTML/CSS1

复习

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调位置，从而减少了该页面向服务器请求的次数，间接的优化了该页面的性能。