随笔分类 -  HTML

摘要：（1）三列，左右列宽度固定，中间列宽度适应屏幕（不等高） body{min-width:430px;}为body设置一最小宽度（不小于（left宽+right宽）），可保持页面缩小时不会错位。布局一 test1llllLLLLLL1 test11111111111RR... 阅读全文

摘要：圣杯布局我听就听了很久很久啦，而且每次看到圣杯布局总会离不开一篇文章，那就是a list apart里面的In Search of the HolyGrail。随着现在H5，CSS3的发展，IE6，IE7的逐渐退出舞台，或许现在工程师也没那么纠结了（或许而已，移动的大肆发展，还是出现了更多要兼容的东... 阅读全文

摘要：HTML代码： 中俄将签订一揽子合作协议 应俄罗斯总理梅德韦杰夫邀请，应俄罗斯理梅德韦杰夫邀请，应俄罗斯总理梅德韦杰夫邀请2222 全... 阅读全文

摘要：在IE8浏览器以后版本，都有一个“兼容性视图”，让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”，强制IE以最高级别的可用模式显示内容呢？下面就介绍一段HTML代码。X-UA-Compatible是一个设置IE浏览器兼容模式的属性，在IE8浏览器之后诞生。IE8或者IE9有很多种模式，比如，IE8有4种模式：IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式；而IE9有7种模式: IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式、IE9几乎标准模式、IE9标准模式、XML模式。我们常使用代码：来开启IE8的标准渲染模式。这种方式在只存在I 阅读全文

摘要：1、全局规则之一，不要写标签、不要写class，所有CSS都用style属性，什么元素需要什么样式就用style写内联的CSS。2、全局规则之二，少用图片，邮箱不会过滤你的img标签，但是系统往往会默认不载入陌生来信的图片，如果用了很多图片的邮件，在图片没有载入的情况下，丑陋无比甚至看不清内容，没耐心的用户直接就删除了。图片上务必加上alt。3、不要在style里面写float、position这些style，因为会被过滤。那么如何实现左右布局或者更复杂的布局呢？用table。4、style内容里面background可以设置color，但是img会被过滤，就是说不能通过CSS来设置背景图片了 阅读全文

摘要：当微软开始产生与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们IE6.0以后的版本在浏览器内嵌了两种表现模式： Standards Mode（标准模式或Strict Mode）和Quirks mode（怪异模式或兼容模式Compatibility Mode）。在标准模式中，浏览器根据W3C所定的规范来显示页面；而在怪异模式中，页面将以IE5，甚至IE4的显示页面的方式来表现，以保持以前的网 页能正常显示。对于这两种模式引起最大的问题就是盒模式的问题，或者现在大家已经忽视了IE5的存在，但是，IE在怪异模式运行的盒模式依然在最新版本的IE7保留着，一旦应用不得当，IE7将变成跟 阅读全文

摘要：iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串（包括已经加入连字符或括号格式化过的）添加电话链接，点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别，可以将它关闭：如果你关闭自动识别后，又希望某些电话号码能够链接到iPhone的拨号功能，那么可以通过这样来声明电话链接：13800138000//将不识别邮箱这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。 默认值为default（白色），可以定为bl 阅读全文

摘要：手机页面中在中加入这句话，可以让页面适应设备的宽度。width=device-width--宽度为设备宽度，如果你的页面宽度小于设备宽度，就需要修改一下这个属性，不然的话会出现可以页面左右滑动，如ipad ios7中客户端页面。initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例 maximum-scale-允许用户缩放到的最大比例 user-scalable-用户是否可以手动缩放 阅读全文

摘要：近期写东西用到了input=file这个按钮，给其添加背景，在其它浏览器上都可以正常的显示，可一到ie上便不听话了，完全没有添加上，显的很难看。今天在网上找到一方法，试过后感觉很好，终于把这个问题给解决了，现将其记录一下。 美化的原理：将input到一个div框里，opacity设置为0，这样input表现为全透明，不可见，但覆盖在文字之上，div里的内容就可以显示出来，这时你给div添加你所要的背景图片就可以了，单击div，依然会触发上传事件。HTML代码：1 2 CSS代码：1 .btn_scan{width:68px;height:23px;line-height:23px;dis... 阅读全文

摘要：/*----------------------*//*----------------------*/ 阅读全文

摘要：W3C在线验证工具：http://validator.w3.org/(X)HTML嵌套规则：http://www.cnblogs.com/PeunZhang/archive/2012/03/11/2390526.htmlHTML标签语义化对照表:http://www.cnblogs.com/PeunZhang/archive/2012/03/08/2385592.htmlHTML4标签的默认样式列表：http://www.cssforest.org/blog/index.php?id=73CSS简写指南：http://www.qianduan.net/css-font-shorthand-at 阅读全文