CSS
small猪猪
智者始于自知
强者始于自制
zhuyunhe.com
展开
-
CSS定位——position、float小结
CSS定位——position、float小结原创 2015-05-17 17:32:26 · 1602 阅读 · 0 评论 -
前端布局中的几个常见概念(FC、BFC)
写前端的同学都知道CSS盒模型概念,进行CSS布局时,我们常常需要确定一个元素时block类型的块元素还是inline类型的内联元素。FC、BFC、IFC这些概念就和这些元素类型相关。FC:Formatting Context,格式化上下文,指页面中一个渲染区域,拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素的相互关系和作用。BFC:Block Formatting Conte原创 2016-03-02 09:35:09 · 6209 阅读 · 0 评论 -
CSS盒状模型
CSS盒状模型是大多数CSS布局与定位的基础,它以包含4个成分的有界限的盒子来描述网页中的每个元素。盒状模型示意图如下图所示。盒子的尺寸=内容尺寸(width+height) + 内边距(padding) + 边框粗细(border) + 外边距(margin)一、在给元素设置背景时 IE作用域:content + padding Firefox作用域:conten原创 2015-05-16 16:31:48 · 1314 阅读 · 0 评论 -
关于position:absolute和float之脱离文档流
position:absolute和float浮动都会以某种方式将元素从文档的正常流中删除。但其还是有点不同:float元素还是会影响布局,它对文档的其余部分还是会有影响;而绝对定位的元素会从文档流中完全删除,然后相对于其包含块定位。直观的感受就是,absolute元素会遮挡其他元素,而float不会。一个元素浮动时,其他元素会“环绕”该元素。任何元素都可以原创 2015-10-16 20:12:04 · 4872 阅读 · 1 评论 -
坑了爹的Android webview中的height:100%
最近在做一个东西,一个loading页面,非常简单,只需把一个gif图片水平+垂直居中即可。demo的代码如下: *{ padding: 0px; margin: 0px; border: 0px; } html{ height: 100%; } body { height: 100%; width:100%; background: #fff;原创 2015-09-02 22:46:01 · 4512 阅读 · 4 评论 -
CSS样式规范
规范目的:可读性、节约字符。使用有效的CSS,除非是bugs处理或专属语法(浏览器私有前缀)使用短ID或类命名,但确保他们不要太过隐晦,也不用太直白(如#blue-button)多人合作的大型项目使用个人名字缩写前缀,如#zyh-title,.zyh-column选择器尽可能简单,如#example,而不是div#example使用缩写,例如margin : 10px 5px 10px原创 2015-09-07 23:39:10 · 440 阅读 · 0 评论 -
CSS中的居中:完全指导
CSS中的居中:完全指导翻译 2015-08-25 23:53:12 · 823 阅读 · 12 评论 -
CSS元素竖向距离属性
CSS元素竖向距离属性原创 2015-07-14 13:19:48 · 1058 阅读 · 0 评论 -
CSS3去除手机浏览器按钮点击出现的高亮框
在工作中经常遇到在手机浏览器中浏览网页时,点击页面中的按钮或者是具备点击事件的元素,就会出现一个默认的高亮框,影响整体的感官体验。可以用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit浏览器前缀。-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:原创 2015-07-14 13:05:19 · 8315 阅读 · 0 评论 -
jQuery操作css-position()与offset()方法的区别
使用jQuery获取元素位置时,我们会使用position()或offset()方法,两个方法都返回一个包含left属性和top属性的对象-左边距和上边距。这两个方法返回的对象的不同点在于位置的相对点不同。从图中我们可以大体看出两者的区别。position()获取相对于它最近的具有相对位置(position:relative)的父级元素的距离,如果找不到这样的元素,则返回相对于转载 2015-05-31 21:44:14 · 1361 阅读 · 0 评论 -
background简写属性
CSS-background原创 2015-05-15 15:23:59 · 3798 阅读 · 0 评论 -
CSS中常用到的清除浮动
CSS中常用的清除浮动原创 2015-09-24 10:49:31 · 498 阅读 · 0 评论