随笔分类 -  CSS

摘要：原始 demohtml 我是单行测试文字 我是多行文字我是多行文字是多行文字我是多行文字我是多行文字我是多行文字我是多行文字我是多行文字我是多行文字我是多行文字我是>多行文字我是多行文字 css .box{ border:1px ... 阅读全文

摘要：w3c plus上有详细介绍及原理http://www.w3cplus.com/content/css3-box-sizing，这里摘录其中重要知识点部分。本文重点考虑移动开发，所以默认移动端的浏览器均兼容该属性。一、两种盒模型（内盒）W3C标准盒模型： Element height = content height + border + padding（Height为内容高度）IE传统盒模型（IE6以下）：Element height = content Height(Height包含了元素内容宽度，边框宽度，内距宽度)如图：注意区分其中content覆盖的范围。W3C只是内容，不包括bor 阅读全文

摘要：不断更新。说明：主要记录html5中的一些注意点或知识点，尽量不涉及具体语法信息。一、CANVAS：检测：try{ document.createElement("canvas").getContext("2d"); console.log("support");}catch(e){ console.log("not support");}典型应用：热力图、玻璃窗（全页玻璃窗，引导或记录用户行为）、游戏等玻璃窗使用注意： 1. canvas的position:absolute; 必须指定大小，否则为0 2... 阅读全文

摘要：今天教师节，陪老师喝点小酒，回来难得抽空，整理一下实习阶段的那些零零碎碎却很有用的知识。1、关于页面中嵌入js代码（1）有时为了精确控制代码执行顺序流，会将js代码嵌入到网页之中。优点：改变代码触发顺序很容易。（2）这种情况如果采用事件触发的形式，会依赖于之前触发的事件，导致不易于维护。js代码写在jsp代码里，昨天的结论是错误滴--a、 减少请求次数b、 异步请求全部css和js，可能会造成网站页面内容已经出来，但是页面的样式及基本的js操作都不用，疵了一般~~c、 比如header这种公共模块，它的更新如果将css和js单独拿出来，可能会造成版本号的问题d、 一些服务器的变量在jsp中更好 阅读全文

摘要：今天在写代码的时候使用了inline-block，但是很意外的在IE6/7下此属性不给力~~但是由于我既需要他是个内联数据，又要设置它的宽度设置block，所以只能使用inline-block。所以解决方案有两种：（1）先让其成为内联数据，即先是元素，再设置inline即可生效，此时会触发IE的layout产生相似效果。 （2）直接设置为inline，再利用zoom来触发layout来实现类似效果。div { width:400px; height:200px; *display:inline; *zoom:1; } （2）先触发lay-out，再设置为inline。但必须在两... 阅读全文

摘要：BUG和修复BUGCSS编辑器：SKEdit，CSS Edit。语法错误检查：Css Validator, FF:Web Developer Toolbar, HTML Validator for Firefox特殊性问题：规则应用于一个元素时，没有任何效果外边距叠加：如果元素没有垂直边框或内边距，那么它的高度为它包含的子元素的顶部与底部边框边缘之间的距离。 解决：添加垂直边框或内边距，且元素的高度为其包含的子元素的顶部与底部外边距边缘之间的距离。 工具：Web Developer Toolbar的topographic视图，Firebug的layout视图。页面标准模式，开发浏览器先使用FF 阅读全文