随笔分类 - HTML
摘要：ios下的Safari真是傲娇啊，坑好多。首先上代码 122 adfafasdfasdfasdfasfdasdf adfafasdfasdfasdfasfdasdfadfafasdfasdfasdfasfdasdf adfafasdfasdfasdfasfdasdf ...
阅读全文
摘要：今天去阿里面试的时候被问到这个了。。。当时表示没听说过，然后让面试官给我解释了一下，回来继续补习。首先上代码： test11111111111 test11111111111 test111...
阅读全文
摘要：css 我是居中的文字 我居中 你也居中 ...
阅读全文
摘要：1 2 3 4 5 6 文本两端对齐 by hongchenok 7 8 55 56 57 58 59 60 61 ...
阅读全文
摘要：今天做项目的时候碰到了不固定元素个数，需要水平居中的问题，原来的确定宽度下margin:0 auto等方法木有用了。想起来之前看过display：inline-block的文章，果断用这个。之前很少用这个属性。。印象里麻烦比较多。。好了不多说了，上代码。 1 2 3 4 5 ...
阅读全文
摘要：png图片在ie8下有黑色边框的情况想必大家都有遇到过吧，那么该怎么解决呢？其实很简单，下面的方法或许对大家有所帮助background-image:url(******.png)!important; background-image:url(../images/space.gif);/*spac...
阅读全文
摘要：样式的优先级多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。一般情况下，优先级如下：（外部样式）External style sheet 测试！选择器的优先权解释：1. 内联样式表的权值最高 1000；2. ID 选择器的权值为...
阅读全文
摘要：如何灵活利用免费开源图标字体-IcoMoon篇byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2416一、温故知新之前有专门介绍过如何使用类似fontforge软件制作自定义字符...
阅读全文
摘要：/* IE6浏览器的特有方法 *//* 修正IE6振动bug */* html,* html body{background-image:url(about:blank);background-attachment:fixed}* html .ie6fixedTL{position:absolute...
阅读全文
摘要：优先级顺序下列是一份优先级逐级增加的选择器列表:通用选择器（*）元素(类型)选择器类选择器属性选择器伪类ID 选择器内联样式！important当优先级相同是看载入顺序，离元素越近载入越晚，则优先级越高
阅读全文
摘要：腾讯前端设计的Leader推荐我背熟的。请大家都能好好学习，不要像我一样一扫而过，好好的记下来！不仅仅是晓得一些CSS xhtml就好了，深刻认识到很多的东西需要学习的。很早就用Firebug，但是却没听说过Yslow，这叫不喜欢追求。希望大家关注前端设计的，多追求。有兴趣的同学可以装个 Firebug 下的 Yslow ，测试下自己的网站。Web 应用性能优化黄金法则：先优化前端程序 (front-end) 的性能，因为 这是 80% 或以上的最终用户响应时间的花费所在。法则 1. 减少 HTTP 请求次数80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素， 如图像、
阅读全文
摘要：项目中经常用到：*html .clearfix{ height:1%;} //IE6能识别*+html .clearfix{height:1%;} //IE7能识别1，有很多方式能触发hasLayout，zoom是IE特有属性，不是CSS标准的，而height:1%是标准属性。2，haslayout翻译是：获取表明对象是否有布局的值。3，haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。 现在看看haslayout的原理： 要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大..
阅读全文
摘要：一般来说有两种：IE版和标准W3C版IE版和W3C版主要差别在于IE把border和padding都算进width中，而W3C版的则是width只包括content在IE中，使用DOCTYPE定义可以强制IE使用标准W3C模型或
阅读全文
摘要：断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！1：li边距“无故”增加任何事情都是有原因的，li边距也不例外。先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引起，padding的上下值对li有影响，左右无影响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想要的结果，或许还会引起其他不必要的
阅读全文
摘要：IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px， 而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法。当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？这种情况可在父窗口加上 overflow:au
阅读全文
摘要：1。HTML解析完毕2。外部脚夫本和样式表加载完毕3。HTML DOM完全构造起来4。图片和外部内容加载5。网页完成加载。在网页头部并且从外部文件加载的脚本会在HTML真正构造之前执行。
阅读全文
摘要：其实浏览器的不兼容，我们往往是各个浏览器对于一些标准的定义不一致导致的，因此，我们可以进行一些初始化，很多问题都很轻松解决。下面是14条特殊情况仅供参考：1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确
阅读全文
摘要：最近在开发项目的时候，发现在火狐浏览器中设置外容器margin:0 auto是可行的。但是到了IE6,IE7,IE8则出现了不能居中的现象。开始也没怎么在意，刚刚在浏览网页的时候看到这篇文章，帮我解决了这个疑问。解决方案如下：很多人都忽略了“文档类型”。下面就是正确设置的文档类型了。<!DOCTYPE html PUBLIC “-//W3C//DTDXHTML 1.0Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org
阅读全文
摘要：在网页布局时常会用到 DIV 来显示一些边角背景，需要设置较小的高度，默认情况下，IE6 中设置 DIV 较小高度会不起作用，在 IE7、FF 等浏览器不存在这个问题。IE6 下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 DIV 的时候， IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 DIV 的高度，实际在 IE6 下显示的仍然是一个 12px 左右高度的层。下面是小方案要解决这个问题，可以强制定义该 DIV 的字体尺寸，或者定义 overflow 属性来限制 DIV 高度的自动调整。比如:&
阅读全文
摘要：很简单，用到了onload事件。该事件在图片加载完毕后触发。<img src="{$sl.icon}" onload="takeBorder(this)"> function takeBorder(obj){ obj.style.borderWidth = 0; }
阅读全文
浙公网安备 33010602011771号