![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
superpig101
一只特立独行的猪
展开
-
学习css中的文档流
1.我们来理解什么是文档流? 官方文档中有这样一句话:The flow of an element A is the set consisting of A and all in-flow elements whose nearest out-of-flow ancestor is A。翻译过来大概是这样,A元素的文档流是一个集合,这个集合由A和所有流内元素组成,并且这些流内元素的最原创 2015-03-05 23:18:58 · 792 阅读 · 0 评论 -
外边距叠加
1.什么是外边距叠加? 在css中,两个和更多盒模型的相邻外边距将形成一个外边距,这个外边距的高度等于发生叠加的外边距中较大的一个。外边距的这种组合方式称为叠加,这样组合的外边距叫做叠加外边距。只有普通文档流中的块框的垂直外边距才会发生外边距叠加,行内框,浮动框或绝对定位框之间的 外边距不会叠加。2.外边距叠加的几种基本情形 (1)相邻元素 相邻的外边距会发原创 2015-03-07 17:29:37 · 683 阅读 · 0 评论 -
CSS工具之CSS重置(Reset CSS)
重置样式表的目的是减少不同浏览器在默认样式中的不一致性,比如line-height,margin和标题的font-size等等 下面给出的重置样式故意写的很普通。比如,没有给body元素设置默认的color和background。我不推荐你在没有加工如下代码的情况下,就把它应用到你的项目中。它需要进行调整,加工,扩充然后转变成适合你自己特定的CSS重置标准。比如,给网页和链接添加你喜欢的颜色翻译 2015-03-08 22:01:39 · 649 阅读 · 0 评论 -
CSS绘制三角形的原理剖析
今天学习Bootstrap时候,看到按钮的向下三角形源码:.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent原创 2015-01-23 12:14:26 · 7732 阅读 · 3 评论 -
让div水平和垂直居中
1.css样式实现 #demo { position: absolute; width: 200px; height: 200px; left: 50%; top: 50%; margin: -100px 0 0 -100px; background: #5BBF5A; }原创 2015-03-24 21:06:02 · 882 阅读 · 0 评论