摘要:
说到到css的样式优先级,从css的样式优先级可分为两个部分:1、从CSS代码放置的位置看权重优先级:内联样式 > 内部嵌入样式 >外联样式;2、从样式选择器的权重优先级:Important > 内联样式 > ID > 类、伪类、属性选择器 > 标签、伪元素 > 通配符。本篇随便重点是第2点—样式选择器。 阅读全文
随笔分类 - css
CSS之水平垂直居中
2016-03-25 00:11 by 猴子猿, 2553 阅读, 收藏, 编辑
摘要:
在css的世界里,如果我们想让一个块级元素水平居中,想必大家都知道利用margin:0 auto,那如果我想垂直居中呢?so,在不借助于JavaScript的情况下,利用通常的css属性,如何达到垂直居中效果,我们一探究竟。 阅读全文
BFC之宽度自适应布局篇
2016-03-04 17:37 by 猴子猿, 3686 阅读, 收藏, 编辑
摘要:
针对BFC的特性之一:BFC之间互不影响原则,so,我们可以实现超级无敌的宽度自适应布局。详情见随笔 阅读全文
BFC之清除浮动篇&clear
2016-03-03 21:24 by 猴子猿, 1500 阅读, 收藏, 编辑
摘要:
利用BFC的特性,一步步推敲浮动带来的问题,并用伪元素after和haslayout写一个无敌通用清除浮动css类 阅读全文
BFC之浅析篇
2016-03-02 22:42 by 猴子猿, 1133 阅读, 收藏, 编辑
摘要:
对BFC进行了阐述--BFC的特性以及怎么触发元素成为BFC;然后利用BFC的特性进行了自适应布局、解决margin重叠、浮动带来的塌陷等问题。 阅读全文
辨析relative与absolute
2016-02-27 18:45 by 猴子猿, 1002 阅读, 收藏, 编辑
摘要:
谈谈对relative和absolute的理解,以及他们之间微妙区别 阅读全文
抛砖引玉之宽度自适应布局
2016-02-18 21:46 by 猴子猿, 1597 阅读, 收藏, 编辑
摘要:
常见的布局有两列布局、三列布局,对它们的自适应布局作一个简单的布局引导,分别用div+css和table+css编写,并互相做一个比较 阅读全文
float实例讲解
2016-02-13 19:13 by 猴子猿, 3362 阅读, 收藏, 编辑
摘要:
针对两列布局案例(左边一列宽度固定,右边一列宽度自适应),从而讲解float属性 阅读全文
剖析width、height继承
2016-02-04 14:54 by 猴子猿, 3069 阅读, 收藏, 编辑
摘要:
对css中width和height的子元素继承父元素,在两种盒子模型下的剖析 阅读全文
剖析盒子模型
2016-01-28 22:01 by 猴子猿, 812 阅读, 收藏, 编辑
摘要:
对CSS盒子模型的理解,以及阐述了margin、border、padding、content的作用和在标准模式与怪异模式的区别。 阅读全文