css
半颗茜
幸福来源于每天进步一点...
展开
-
css重绘与重排
浏览器加载页面原理通常在文档初次加载时,浏览器引擎会解析HTML文档来构建DOM树,之后根据DOM元素的几何属性构建一棵用于渲染的树。渲染树的每个节点都有大小和边距等属性,类似于 盒子模型 (由于隐藏元素不需要显示,渲染树中并不包含DOM树中隐藏的元素)。当渲染树构建完成后,浏览器就可以将元素放置到正确的位置了,再根据渲染树节点的样式属性绘制出页面。由于浏览器的 流布局,对渲染树的计算通常只需要遍历原创 2016-01-19 14:25:44 · 1480 阅读 · 0 评论 -
css选择器优先级
参考书籍: Javascript设计模式与开发实践(曾探)JavaScript通过原型委托的方式来实现对象与对象之间的继承。编程语言按照数据类型大体可以分为两类,一类是静态类型语言,另一类是动态类型语言。静态类型语言在编译时便已确定变量的类型,而动态类型语言的变量类型要到程序运行的时候,待变量被赋予某个值之后,才会具有某种类型,比如Java。静态类型语言的 优点 首先是在编译时就能发现类型不匹配的原创 2016-01-13 21:48:00 · 434 阅读 · 0 评论 -
PNG8和PNG24的区别
页面中切图,因为需要透明,所以存为PNG8格式,图片四周全是锯齿,而且阴影也不见了,后来存为PNG24,这些问题就消失了。去百度搜索了关于PNG8和PNG24的区别,看到下面的文章,原来PNG8要么完全透明,要么完全不透明,不支持半透明,所以才会出现上面的问题,但PNG24支持半透明的。一、PNG8 & PNG24的不同png8和png24的根本区别,不是颜色位的区别,而是 存储方式不同。png原创 2016-01-29 16:25:35 · 8922 阅读 · 1 评论 -
Css Hack
.co{ color:#000; //黑 color:#ffff00 \0; //黄 color :#8000ff\9\0; //紫 *color:#f00; //红 _color:#0f0; //绿}在不同浏览器中显示的文字颜色不同 结果:ie6–绿色; ie7–红色; ie8–黄色; ie9原创 2016-01-29 19:18:26 · 333 阅读 · 0 评论 -
IE6中CSS方法实现PNG图片透明
关于ie6中使用png之前知道的方法都是比较复杂的,使用js或者滤镜。 最近在同事那里学到了比较简单的方法:1、使用质量较好的图片,比如png24、png32、png8,都可以;然后针对ie6可以单独使用一张没有特别效果的图片,保存成png8或者gif都可以,但最好是png8;注:png8与gif都是索引色透明。(这个是稍微简单的方式了)2、保存格式选为png8,对于边缘有半透明效果的需要特殊处理原创 2016-01-29 16:02:59 · 749 阅读 · 0 评论 -
text-overflow
语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(…),而是简单的裁切(clip这个参数是不常用的!) ellipsis : 当对象内文本溢出时显示省略标记(…)说明: 设置或检索是否使用一个省略标记(…)标示对象内文本的溢出。 注意,text-overflow:ellipsis 属性在FF中是没有效果的。我们可以用它代替我原创 2016-01-29 19:57:17 · 432 阅读 · 0 评论 -
BFC
来源:http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html一、BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box(盒子)、Formatting Context(格式化上下文)的概念。 Box: css布局的基本单位 Box 是 css布局的对象和基本单位, 直观点来说,就是一个页面是由很转载 2016-02-03 18:49:31 · 285 阅读 · 0 评论 -
浅谈position、display、float定位属性
positionposition 属性规定元素的定位类型。fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 固定定位。元素将被设置在浏览器上一个固定位置上,不会随其他元素滚动。是脱离文档流的。absolute 生成绝对定位的元素,相对于 static 定位以外的第原创 2016-02-04 15:32:04 · 520 阅读 · 0 评论