代码改变世界

随笔分类 -  css

CSS样式之优先级

2016-05-09 19:53 by 猴子猿, 1907 阅读, 收藏, 编辑
摘要: 说到到css的样式优先级,从css的样式优先级可分为两个部分:1、从CSS代码放置的位置看权重优先级:内联样式 > 内部嵌入样式 >外联样式;2、从样式选择器的权重优先级:Important > 内联样式 > ID > 类、伪类、属性选择器 > 标签、伪元素 > 通配符。本篇随便重点是第2点—样式选择器。 阅读全文

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的作用和在标准模式与怪异模式的区别。 阅读全文