CSS的reset,CSS优先级,雪碧图

什么是CSS reset?

reset.css ====》 重置css样式的   

非要说他问题:体积了一点点点

normalize.css  是现在用的比较多的,但是和reset有区别。

是干什么:为了增强跨浏览器渲染的一致性(一定程度上),维护的一个CSS 重置样式库。

 

CSS优先级算法如何计算?

Import最大

第一等级:代表 内联样式,如 style="",权值为 1,0,0,0;

第二等级:代表 ID选择器,如 #id="", 权值为 0,1,0,0;

第三等级:代表 calss | 伪类 | 属性 选择器,如 .class | :hover,:link,:target | [type], 权值 0,0,1,0;

第四等级:代表 标签 | 伪元素 选择器,如 p | ::after, ::before, ::fist-inline, ::selection, 权值 0,0,0,1;

此外,通用选择器(*),子选择器(>), 相邻同胞选择器(+)等选择器不在4等级之内,所以它们的权值都为 0,0,0,0;

 

css sprite是什么,有什么优缺点

雪碧图 === 精灵图

 

1. 是什么 : 把一堆小图标放在一张大图片上。

2. 优点:减少了http请求,做了性能上的优化。

3. 缺点:维护性,修改性,较差。

posted @ 2022-05-11 14:57  杨建鑫  阅读(42)  评论(0)    收藏  举报