HTML
关注
分享
扫一扫
文章平均质量分 78
rhinemetal
这个作者很懒，什么都没留下…
展开
-
javascript 瀑布流
现在图片网与商城流行一种叫“瀑布流”的布局，我们公司也不小心得了“流行性感冒”，要搞这个。于是我就写了一个，现在再用我的框架mass重写一下，发布出来，顺便宣传一下我的框架。瀑布流其实没什么东西，就是列布局与无限拖的结合。由于要支持IE6就没有CSS3，直接对列进行绝对定位。列就是一个DIV。然后就是列中每个板块的添加问题，我管它为砖头。每添加一块砖头前，比较一下哪列最短，就往哪里塞。最后就是原创 2012-03-09 14:32:21 · 835 阅读 · 0 评论 -
HTTP错误大全
HTTP错误大全HTTP 400 - 请求无效 HTTP 401.1 - 未授权：登录失败 HTTP 401.2 - 未授权：服务器配置问题导致登录失败 HTTP 401.3 - ACL 禁止访问资源 HTTP 401.4 - 未授权：授权被筛选器拒绝 HTTP 401.5 - 未授权：ISAPI 或 CGI 授权失败 HTTP 403 - 禁止访问 HTTP原创 2012-03-07 20:49:52 · 918 阅读 · 0 评论 -
收集一些特殊的符号
■特殊符号：·⊙①⊕◎Θ⊙●○¤㊣㈱＠の■□★☆◆◇◣◢ ◤◥▲△▼▽⊿◢▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊▋▌▍▎▏■ ▓ 回 □ 〓≡↑↓→←↘↙♀♂┇┅‖$ @ * & # ※ 卍 卐 ∞Ψ §∮ № ⌒ ＊░ ▒ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ◆原创 2011-10-19 10:03:16 · 2713 阅读 · 0 评论 -
使用EditPlus技巧，提高工作效率(附英文版、自动完成文件、语法文件下载)
除了windows操作系统，EditPlus可以说是我最经常使用的软件了。无论是编写xhtml页面，还是css、js文件，甚至随笔记记这样的事情，我都会使用EditPlus（现在使用的是EditPlus2.31英文版），感觉它不仅功能强大，更难得的是：绿色、轻量级、启动速度快、稳原创 2011-09-12 11:27:37 · 643 阅读 · 0 评论 -
CSS hack
方法一： 跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多，具体可以查看： 本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果： ———————IE6—— IE7——IE8——FF2——FF3— Opera9.5 >property—原创 2011-02-22 15:15:00 · 428 阅读 · 0 评论 -
浏览器Quirksmode(怪异模式)与CSScompat
<br />由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。<br /><br /> W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何原创 2011-03-14 14:27:00 · 504 阅读 · 0 评论 -
诡异模式:果然很诡异
很多老的页面都没有doctype声明，浏览器对于那些没有doctype的网页是采用quirks mode解析的。通过quirks mode我们就可以解析早期的页面，防止老（90年代）的页面破相。不同的浏览器有不同的quirks模式，在ie6,7,8里，quirks模式可以有效的回到ie5.5的解析模式。但是在其他浏览器中，quirks模式和标准模式差别并不大。<br />简单的说，如果在ie6里启动了quirks模式，那么解析的时候会按照ie5.5的渲染模式展现<br />昨天有一个朋友给了我一个页面,说是原创 2011-03-15 13:26:00 · 790 阅读 · 0 评论 -
什么是hasLayout
<br />hasLayout 是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的 hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内 容，而不是依赖于祖先元素来完成这些工作。<br />下列元素默认 hasLayout=true ：<br /><table> <td> <body> <img>原创 2011-03-09 09:34:00 · 552 阅读 · 0 评论 -
hasLayout
<br />haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout） 要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayo原创 2011-03-09 09:27:00 · 428 阅读 · 0 评论 -
你必须知道--IE中的hasLayout
<br />在IE中，有一个很重要的概念，这个概念，对 IE 中页面元素的布局有影响。这就是 hasLayout。可能很多人都不知道它的存在吧，但是它却偷偷的做了那么多坏事。<br />虽然如此，MSDN 中涉及到 hasLayout 这个 MS 属性的地方寥寥无几，而具体解释 layout 和 IE 渲染模型之间关系的则少之又少。<br />hasLayout 就是一把双刃剑，对 IE 的布局很重要，而同时，在 IE 中引起了很多 bug，比如浮动双边距bug等。<br /><br />它是很多兼容性问题原创 2011-03-09 09:42:00 · 1075 阅读 · 0 评论 -
关于B和strong以及i和em的区别
<br />其实很多seoer不知道b和strong以及i和em是什么东西，因为他们从来没有接触过html标记，写文章的时候只是用网站后台的编辑器排版文章，需要加粗的时候点击编辑器上面的B按钮就行了。<br /><br /> 但是对于一些稍微了解html的朋友来说b和strong又成了问题，不仅是seoer为这个问题头疼，就连很多网页的编写者也分不清这两个标记有什么区别，而在网页的编辑工具如：Dreamweaver里面如果选用加粗之后自动会出现strong标记，所以有的时候写完了代码，为了节原创 2011-03-09 09:15:00 · 1304 阅读 · 0 评论 -
从清除浮动（clear float）谈拥有布局（has layout）与块级格式化范围（block formatting context）
<br />float是网页布局中都要使用的css属性，他为我们灵活布局提供了方便，但同时浮动太多会带来很多麻烦，所以我通常的做法是使用float完后，马上清除他。float的本质是脱离的正常的html文档流，就是由于他脱离的文档流才出现了很多麻烦。<br />清除浮动（我更喜欢叫闭合浮动元素）的最简单的方法就用<div style=”clear:both;”></div>加入空的标签，但是这种不够语义化，也显得不是很灵活，每次都要加额外的html。于是有人就想到css里面有一个：after的，这样就不需要原创 2011-03-09 10:37:00 · 836 阅读 · 0 评论 -
strong与em、q、cite、blockquote区别
作用相似html标记:strong与em、q、cite、blockquote,在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有<br /> 在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主原创 2011-03-09 09:16:00 · 1457 阅读 · 0 评论 -
strong和em有什么不同
<br />首先看 HTML 4.01 中的说明：<br /> EM: Indicates emphasis.<br /> STRONG: Indicates stronger emphasis. <br /><br /> em 表示强调，strong 表示更强烈的强调。言简意赅，表明了 em 和 strong 的命名来历。并且在浏览器中，em 默认用斜体表示，strong 用粗体表示。这是第一个层次上的区别。<br /> em is for local emphasis. You see? Loc原创 2011-03-09 09:12:00 · 998 阅读 · 0 评论 -
回流与重绘：CSS性能让JavaScript变慢？
目前有有关此文章的介绍（这里），但是只是部分内容。本文为全文翻译，并提供其他的一些页面性能优化方面的资源，希望能对reflow的进一步认识有所帮助。我之前还翻译过一篇关于reflow的文章，您有兴趣可以看看（点击这里）。原文地址：http://www.stubbornella.org/content/2009/03/27/reflows…-slow/原作者：Nicole Sullivan原创 2012-04-17 21:44:55 · 1217 阅读 · 0 评论