2017年12月26日

css权重计算方法浅谈

摘要： 在这之前只知道css权重的皮毛，比如说：行内权重比头部权重高，头部比外部样式权重高…………工作中才知道真正理解css权重重要性。理解权重了才能写出来最优css选择器来。对后面学习less，scss有很大帮助。 从css代码存放的位置来看，权重计算当然是 >内嵌样式 > 内部样式表 > 外联样式表!然 阅读全文

posted @ 2017-12-26 13:41 likor 阅读(177) 评论(0) 推荐(0) 编辑

CSS之BFC、IFC、FFC and GFC

摘要： CSS之BFC、IFC、FFC and GFC 什么是FC？ BFC(Block Formatting Contexts) BFC的布局规则: 如何生成BFC： IFC(Inline Formatting Contexts) FFC(Flex Formatting Contexts) GFC(Gri 阅读全文

posted @ 2017-12-26 09:57 likor 阅读(193) 评论(0) 推荐(0) 编辑

CSS基础选择器温故-1

摘要： 1.基本选择器语法 2.浏览器兼容性：浏览器对基本选择器都是一路绿灯通行，可以放心使用。 3.通配选择器：选择所有元素，也可以选择某个元素下的所有元素 （1）选择所有元素： *{margin: 0;padding: 0;} （2）某个元素下的所有元素：.demo *{background: purp 阅读全文

posted @ 2017-12-26 09:55 likor 阅读(140) 评论(0) 推荐(0) 编辑

CSS层次选择器温故-2

摘要： 1.层次选择器 通过HTML的DOM元素间的层次关系获取元素，层次关系包括后代、父子、相邻兄弟和通用兄弟，通过其中某类关系可以方便快捷地选定需要的元素 2.语法 3.兼容性 IE7以及以上版本 4.后代选择器 也称包含选择器，作用：可以选择某元素的后代元素 eg：【E F】，选中F元素，这里不管F元 阅读全文

posted @ 2017-12-26 09:54 likor 阅读(193) 评论(0) 推荐(0) 编辑

CSS动态伪类选择器温故

摘要： 动态伪类选择器 伪类选择器：大家熟悉的：【:link】【:visited】【:hover】【:active】CSS3的伪类选择器分为六种：（1）动态伪类选择器（2）目标伪类选择器（3）语言伪类选择器（4）UI伪类选择器（5）结构伪类选择器（6）否定伪类选择器注：和其它CSS选择器的区别-伪类选择器都 阅读全文

posted @ 2017-12-26 09:53 likor 阅读(227) 评论(0) 推荐(0) 编辑

导航