随笔分类 -  CSS2

摘要:作者:zccst概念:BFC,在进行盒模型时,提供了一个环境,在这个环境中按照一定规则进行布局不会影响到其他环境中的布局。也就是说,如果一个元素符号了成为BFC的条件,该元素内部元素的布局和定位就和外部元素互不影响,是一个隔离了的独立容器。在CSS3中,BFC叫FLOW ROOT。形成BFC条件:1... 阅读全文
posted @ 2014-04-22 20:05 走走停停走走 阅读(374) 评论(0) 推荐(0) 编辑
摘要:作者:zccst1.** { margin: 0; padding: 0; } 星号选择器用于选取页面中的所有元素,可用于快速清除所有元素的margin与padding,但最好只在测试的时候使用,而不要正式用在 CSS 文件中,否则会大大加重浏览器负担。此外,星号选择器也可以给父层的所有子元素设定... 阅读全文
posted @ 2014-04-18 17:58 走走停停走走 阅读(288) 评论(0) 推荐(0) 编辑
摘要:收集与整理1,使用overflow:hidden和:after{content:"";display:table-row;}2,使用:after写三角形例如:位置在上方的三角形。左右使用left,right来确定位置:after {position: absolute;top: -9px;right... 阅读全文
posted @ 2014-04-17 13:56 走走停停走走 阅读(168) 评论(0) 推荐(0) 编辑
摘要:zccst整理margin系列之布局篇margin系列之bug巡演(三)margin系列之bug巡演(二)margin系列之内秀篇(二)margin系列之bug巡演margin系列之内秀篇margin系列之外边距折叠margin系列之与相对偏移的异同margin系列之百分比margin系列之keyw... 阅读全文
posted @ 2014-04-14 13:53 走走停停走走 阅读(304) 评论(0) 推荐(0) 编辑
摘要:9pt = 12px = 0.75 em 阅读全文
posted @ 2014-04-11 15:02 走走停停走走 阅读(130) 评论(0) 推荐(0) 编辑
摘要:作者:zccst最近见到一种图标写在content里的用法,觉得很新奇。查了一下是webfont。问题:以下是我看到的一段css的源代码,其实就是在分享到为微博的时候的图标a#end_cc, a#twitter, a#weibo {margin: 0 5px;border-bottom: none; }a#end_cc:before, a#twitter:before, a#weibo:before {font-size: 24px;font-family: "fontello"; }#end_cc:before {content: "\e7a5"; } 阅读全文
posted @ 2014-04-09 20:48 走走停停走走 阅读(16250) 评论(0) 推荐(1) 编辑
摘要:display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上; 高,行高及顶和底边距不可改变; 宽度就是它的文字或图片的宽度,不可改变。 , , , , , 和是inline元素的例子。 inline和block可以控制一个元素的行宽高等特性,需要切换的情况如下: 让一个inline元素从新行开始; 让块... 阅读全文
posted @ 2014-04-07 14:00 走走停停走走 阅读(423) 评论(0) 推荐(0) 编辑
摘要:内层div的margin-top影响外层div——引出外边距合并Collapsing margins作者:zccst今天才算是了解边距合并。正如一位前辈所言,每一个CSS的坑,都让你学到不少知识。 /*出现原因是符合垂直边距合并的条件。(No.6)The top margin of an in-flow block element collapses with its first in-flow block-level child's top margin if the element has no top border, no top padding, and the child h 阅读全文
posted @ 2014-04-06 00:01 走走停停走走 阅读(1317) 评论(0) 推荐(0) 编辑
摘要:作者:zccst先看看手册值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。relative生成相对定位的元素,相对于其正常位置进行定位。 阅读全文
posted @ 2014-04-03 19:26 走走停停走走 阅读(366) 评论(0) 推荐(0) 编辑
摘要:从IE6下的双边距引出对一个div设置float:left;同时设置了margin-left:100px时在IE6下会出现双边距。有两种解决办法:1,推荐办法。加display:inline2,不推荐。使用hack方式。比如加_margin-left:50px;即可/*减半*/display:inline为什么能够解决这个bug呢?看看float的定义:(w3地址:http://www.w3.org/TR/CSS2/visuren.html)"This property specifies whether a box should float to the left, right, 阅读全文
posted @ 2014-03-31 17:19 走走停停走走 阅读(249) 评论(0) 推荐(0) 编辑
摘要:一、import的用法1,在html文件中2,在css文件中@import url("CSS文件");对@import url()做一下总结:1,@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一... 阅读全文
posted @ 2014-03-25 21:07 走走停停走走 阅读(592) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示