CSS
小白菜-不白还菜
在前端开发的路上摸爬滚打。
展开
-
link与@important的区别
JavaScript中css引入link与@impotent的区别原创 2018-06-28 15:09:06 · 2116 阅读 · 1 评论 -
CSS优化
1:避免使用@import,外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟。 一个CSS文件a.css包含了以下内容:@import url(“b.css”)。浏览器先把a.css下载、解析和执行后,发现及处理第二个文件b.css。简单的 解决方法是使用<link>标记来替代@import,并行下载CSS文件,从而加快页面加载速度。2:避免Alpha...原创 2018-08-30 16:11:01 · 1667 阅读 · 0 评论 -
CSS选择器有哪些?
CSS选择器有哪些? 优先级排序: !important > 行内样式>ID选择器 > class选择器 > element选择器 > 通配符 > 继承 > 浏览器默认属性同一级别id选择器:#id id属性不要以数字开头,数字开头的id在 Mozilla/Firefox 浏览器中不起作用。class选择器:.cla...原创 2018-09-20 16:14:04 · 421 阅读 · 0 评论 -
CSS的伪类与伪元素的区别
伪类包含两种:状态伪类和结构性伪类。状态伪类 是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的,因此该元素会根据其状态呈现不同的样式。当元素处于某状态时会呈现该样式,而进入另一状态后,该样式也会失去。 :link 应用于未被访问过的链接; :hover 应用于鼠标悬停到的元素; :active 应用于被激活的元素; :visite...原创 2018-09-28 15:44:58 · 626 阅读 · 0 评论