随笔分类 - w3c
摘要:Sass @mixin 与 @include @mixin 指令允许我们定义一个可以在整个样式表中重复使用的样式。 @include 指令可以将混入(mixin)引入到文档中。 @mixin important-text { color: red; font-size: 25px; font-wei
阅读全文
摘要:很久以前Roger Johansson就在他的blog上做了一个用样式控制表单元素的测试, 告诉我们企图用样式控制表单元素是一件不可能的事情using CSS to style form controls to look exactly the same across browsers and platforms is impossible甚至css2.1规范中也没有明确这方面的规定, 而是打算将它fix in futureCSS 2.1 does not define which properties apply to form controls and frames, or how CSS
阅读全文
摘要:这是HTML------ <div id="picslist"> <h1>图片展示</h1> <asp:ListView ID="ListView1" runat="server"> <EmptyDataTemplate> 没有匹配记录 </EmptyDataTemplate> <LayoutTemplate> <ul> <asp:PlaceHolder runat="server" ID="itemPl
阅读全文
摘要:javascript部分1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用 document.formName.elements["elementName"]2. 集合类对象问题问题:代码中许多集合类对象取用时使用(),IE能接受,FF不能解决方法:改用 [] 作为下标运算,例:document.getElementsByName("inputName")(1) 改为 document.getElements
阅读全文
摘要:关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</style>2, IE6/IE77对FireFox*+htm
阅读全文
摘要:基本上来说,由于IE6的存在,用xhtml+css来模拟frameset是很困难的事情,处理的手段我已知的仅以下几点:1. 将IE6转人Quirks mode,其他浏览器采用position:absolute定位。2. 利用IE6的html标签的盒模型解释与其他标签不一致,来实现这个(100%-n像素)的高度,其他浏览器采用position:absolute定位。3. 固定头尾,中间采用“padding”限定顶部距离和底部距离,非常憋脚但无hack的方法1、优化主要目的:解决IE6中采用quirks模式存在弊端的模式。优化主要方法:利用IE6中<html>标签的盒模型bug添置to
阅读全文
摘要:标准参考根据 W3C CSS2.1 规范中规定了非替换绝对定位元素的宽度计算,其中提到:The constraint that determines the used values for these elements is:'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-righ
阅读全文
摘要:这篇文章在我的机器里呆了很长时间了,一直犹豫着到底发还是不发呢。 其原因是这个Demo还有一些不完善的地方,所以一直没发,但又一直想要完善它,所以今天还是打算将它发出来,因为人民的智慧是无穷的。 该布局的重点在于头部和底部的高度固定,并且位置需始终保持不变,中间部分的可视高度为除去头和尾的剩余部分,实际高度则随内容的多少自适应,如果实际高度超出了超出可视高度则出现滚动条(当然,如果是通过JS的话,可以轻而易举的实现,但如果是纯粹的CSS的话...其实也很容易实现,只不过为了能在IE中向下兼容才颇费了一番功夫)。 这听起来似乎有点象框架了,其实就是在模拟那种效果:) [效果演示:http...
阅读全文
摘要:1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><style type="text/css"> body {margin:0} div { float:left; margin-left:10px; ...
阅读全文
摘要:1、终极方法:条件注释<!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 <![endif]--><!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]--><!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本(不包含IE6)。 <![endif]--><!--[if IE 5.5]> 这段文字仅显示在 IE5.5。 <![endif]--><!--在 IE6及IE6以下版本中加载css-->&l
阅读全文
摘要:1.IE6的BUG:ul li 中margin在碰到float时会距离会加倍 解决方法是多加一个无用的CSS定义:display:inline;2.IE6的BUG:IE6不支持li元素的:hover伪类3.<script type="text/javascript" src="dateJs/WdatePicker.js" defer="defer"></script>使用defer属性可以让脚本在整个页面装载完成之后再解析,而非边装载边解析。 这对于只包涵事件触发的js脚本而言,可以提高整个页面的加载速度。 D
阅读全文