随笔分类 -  html & css & seo

摘要：今天发现github查看代码location改变 而局部侧才用的是ajax刷新...；查看源代码使用了https://github.com/defunkt/jquery-pjax/插件，而此插件使用的就是HTML5中的history新增函数接口pushState和replaceStatehttps://developer.mozilla.org/en/DOM/Manipulating_the_browser_historyhttp://pjax.heroku.com/aliens.html 阅读全文

摘要：学习资源：HTML5设计原理:http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html很棒的文章..HTMLppt简介：http://directguo.com/html5/HTML5支持情况：http://www.findmebyip.com/litmusw3school教：http://www.w3school.com.cn/html5/html_5_intro.aspHTML DEMO:http://html5demos.com/官方文档:http://dev.w3.org/html5/spec/某技术blog:h 阅读全文

摘要：看此页面http://www.mint.com/源码:view-source:http://www.mint.com/1.IE注释这样就可以很方便的针对浏览器写css了；2.css注释http://www.mint.com/css/rd/mint.css?v=2[代码]通常都是边写css边注释 当时间一长依然不好查找 这里css用了提纲注释方便维护3.baseic css文件中不仅仅是reset css对页面的按钮 链接 背景等等 值得学习. 阅读全文

摘要：1.Object字面量object的属性名默认为字符串，如果是合法标识符可以不添加引号，如果不是必须添加；如：var ob={h-h:"hhhh"}错误 应为var ob={"h-h":"hhhh"}属性名可以为数字其默认转化为字符串如：var ob={5:"hhhh"}等同于var ob={"5":"hhhh"}2.给力的querySelector and querySelectorAllw3c... 阅读全文

摘要：1.onchange 及其onpropertychange,oninput在IE下可使用onpropertychangel立即触发监听，oninput 可以使用在FF下，但必须使用w3c推荐的addEventListener的方式来绑定事件.http://www.koyoz.com/blog/?action=show&id=2252. <button></button&g... 阅读全文

摘要：1. IE下有渐变滤镜，其他高级浏览器支持css3滤镜，这样在一些特殊的线性渐变的时可以省略图片的使用，看淘宝(taobao.com)首页估计已经应用了，果不其然摘录一些css：#vip-xb .vip-xb_l { position:absolute; top:1px; left:-1px; width:1px; height:26px; background-image:-moz-linear... 阅读全文

摘要：一些参考资料：http://www.qianduan.net/what-you-need-to-know-about-behavioral-css.htmlhttp://ued.taobao.com/blog/2010/05/05/css3-animation/webkit blog介绍animation/2d transforms/3d transforms的三篇文章http://webkit.... 阅读全文

摘要：关于css的书写思想太多文章了，其实找到自己的、团队的、项目的最关键：A：http://www.qilei.org/201009/talking-about-the-oocss-for-web-site/B:http://www.zhangxinxu.com/wordpress/?p=916C:http://www.zhangxinxu.com/wordpress/?p=1098关于css解析原理... 阅读全文

摘要：使用简单的方法使其左侧固定，右侧自适应，并且左侧先出现的布局：代码今天遇到一个情况就是当左侧列里面出现浮动又要使用clear清楚时候会出现不理想的状况：如图，代码为：代码IE6 7正常 标准浏览器都是如图所示：解决方法为使其UL增加css：.ss ul{ overflow:hidden} 阅读全文

摘要：背景透明 文字不透明的css3解决方法：流浪是好人，好人，一定是好人在IE中使用filter:alpha(opacity=xx);使其子元素的position:relative代码参考：http://liumiao.me/html/wd/W3C/225.html 阅读全文

摘要：来源: http://www.zhoumingzhi.com/2010/07/23/%e5%ba%95%e9%83%a8%e6%b5%ae%e5%8a%a8%e6%9d%a1%e7%9a%84%e4%b8%80%e7%a7%8d%e5%85%bc%e5%ae%b9%e6%96%b9%e6%a1%88/很简便的方法~~Demo原理：在标准浏览器下用position: fixed的方式就可以了。IE6... 阅读全文

摘要：页面中统一了使用字体样式{font:12px Arial,Tahoma,Verdana,Helvetica,sans-serif,"宋体";}在IE中文字有英文紧跟中文引号的时候“”，会以英文的显示当字体中第一可选字体为宋体的时候就正常显示了，就上图的第一行。在Firefox下都是正常的中文字符就是依中文显示英文还是英文。难道IE会检测字符前面字体................ 阅读全文

摘要：遇到一个奇怪问题，调试了好长时间，IE很闹心：条件是：不添加dtd标准，使用了table的height:100%;属性,模拟代码如下：代码在IE下<div style="position:relative"><img src="http://www.baidu.com/img/baidu_logo.gif" />sssssssssssssssss</div>内容... 阅读全文