CSS
关注
分享
扫一扫
meloseven
这个作者很懒，什么都没留下…
展开
-
获取CSS属性值的方法getComputedStyle
语法：var style = window.getComputedStyle(“元素”, “伪类”); 作用：获取当前元素所有最终使用的css属性值，返回的是CSS样式声明对象。getComputedStyle与style的区别: 我们使用element.style也可以获取元素的CSS样式声明对象，但是其与getComputedStyle方法还有有一些差异的。1.只读与可写 正如上面提到的g转载 2017-03-06 09:17:06 · 479 阅读 · 0 评论 -
How browsers work(浏览器工作原理)
How browsers work：http://taligarsiel.com/Projects/howbrowserswork1.htm 浏览器的渲染原理简介 http://coolshell.cn/articles/9666.html 深度剖析浏览器渲染性能原理，你到底知道多少？http://www.jianshu.com/p/a32b890c29b1原创 2017-04-06 15:04:21 · 589 阅读 · 0 评论 -
Client side performance(web 客户端表现性能建议)
原文地址http://taligarsiel.com/ClientSidePerformance.html原创 2017-04-06 15:06:43 · 257 阅读 · 0 评论 -
CSS的BFC
BFC 神奇背后的原理BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？ 在解释 BFC 是什么之转载 2017-03-21 10:39:26 · 361 阅读 · 0 评论 -
html 中 div不定宽度如何水平居中的解决方案
传统的水平居中样式 margin: 0 auto; 这个方法要求使用这个样式的dom元素,必须同时定义宽度width. 如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄. 经过多次摸索终于找到解决方案. 经过测试发现兼容性还行..SecondMenuBody{ display: table; /*重点就是这个属性,这个样式会告知浏览器当前元素的宽度,采用最小的宽度.不转载 2017-03-07 09:09:48 · 449 阅读 · 0 评论 -
清除浮动的方法
清除浮动的方法浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。1.使用空标签清除浮动。这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。2.使用overflow。给包含浮动元素的父标签添加css属性 overflow:auto; zoom:1; zoom:1用于兼容IE6。3.使用after伪对象清除浮动。该方法原创 2017-03-09 20:28:03 · 853 阅读 · 0 评论 -
firefox、Opera不支持backgroundPosition拆分为backgroundPositionX和backgroundPositionY
firefox、Opera不支持backgroundPosition拆分为backgroundPositionX和backgroundPositionY,CSS和JS中都不允许拆分 CSS: 比如现在是：background-position-x :20px;background-position-y :30px;需要改成background-position:20px 30px;JS 现在原创 2017-03-06 09:27:07 · 477 阅读 · 0 评论 -
IE中CSS-filter滤镜小知识大全
前段时间在做一个专题的时候用到了opacity不透明度属性，因为设计图上是半透明背景，白色文字 所以在IE用到了其支持的filter属性，听说这个属性还有不同的效果，不单单就只有不透明度而已，所以抽个时间赶紧来充下电。 有时候我们很习惯的用到不透明属性opacity来增加层次感或者增加用户体验，但因这个属性是css3属性，所以对于低级浏览器的兼容性来说就达不到我们预期的效果。一般而言，我们都尽可转载 2017-03-06 09:24:05 · 411 阅读 · 0 评论 -
当IE8 background-color不生效时
当IE8 background-color不生效时，尝试使用filter: none !important;原创 2017-03-06 09:21:17 · 1932 阅读 · 0 评论 -
CSS3属性兼容处理
1. .box_round { -moz-border-radius: 12px; /* FF1+ */ -webkit-border-radius: 12px; /* Saf3+, Chrome */ border-radius: 12px; /* Opera 10.5, IE 9 */ }2. .box_shadow { -moz-box-shadow: 0px 0px 4px #ffffff转载 2017-03-06 09:20:04 · 348 阅读 · 0 评论 -
IE的下载界面会停止CSS3动画
IE的下载界面会停止CSS3动画今天在调试代码的时候发现IE出现下载界面的时候，CSS3动画会停止。于是很好奇就写了个例子来验证一下，以下是我的DEMO：<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title></title> <style>原创 2017-08-23 19:41:31 · 518 阅读 · 0 评论