![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 82
冕妄
咩~ 正在前端攻城狮的路上
展开
-
【译】关于CSS中的float和position
原文地址:http://www.cnblogs.com/newyorker/archive/2013/02/01/2886282.html 当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如果需要更复杂的排版要求,可以考略使用其他方转载 2016-04-15 15:09:41 · 343 阅读 · 0 评论 -
【转】理解CSS中BFC
原文地址:http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/ BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。摘自W3C: 浮动,绝对定位元素,inline-blocks, table-cells, t转载 2016-05-05 10:31:37 · 444 阅读 · 0 评论 -
【转】CSS FLOAT 学习笔记
原文地址:http://www.w3ctech.com/topic/1551 原文如下: FLOAT @Keywords: Float Clearfix ::after BFC hasLayout @Author: GreenMelon @吾南蛮野人 陈灿坚 @分享地址:http://pan.baidu.com/s/1eQqagt8 @Date: 二O一五.转载 2016-05-05 12:13:55 · 372 阅读 · 0 评论 -
元素的水平居中总结
1.行内元素:这个比较简单,一般使用text-align:center就可。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> #div1{ text-align:原创 2016-05-04 20:55:26 · 374 阅读 · 0 评论 -
The Definitive Guide to Using Negative Margins
转载:https://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/ Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and转载 2016-07-18 12:15:19 · 858 阅读 · 0 评论 -
关于负外边距的作用效果
今天无意中看到了双飞燕,圣杯布局,发现里面主要是有用到一个负外边距,感觉挺神奇的这玩意 ( ⊙ o ⊙ )!看就了一些关于负外边距的资料,这里自己总简单结一下。 参考网址: http://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/ http://www.cnblogs.com原创 2016-07-18 14:00:00 · 2376 阅读 · 0 评论 -
元素垂直居中总结
首先,要先明白元素的‘高度’ 如果对象是一个块级元素或者置换元素,那么它的高度就是设置height。 如果对象是一个内联元素(不可置换的),那么除了设置display,float等等,它的‘高度’,一般使用line-height(行间距),font-size,vertical-align来设置。 ps:什么是可置换元素。W3C里面是这么说的“An element that is outside原创 2016-05-05 17:23:20 · 489 阅读 · 0 评论