随笔分类 -  css+Xhtml+div

css的一些小技巧
摘要：/*清除链接虚框*//*a,area {blr:expression(this.onFocus=this.blur()) } for IE :focus {-moz-outline-style: none; } for Firefox */有关hideFocus <谷歌对决微软的10大战场话说CSS的优先权> 如何避免超链接在点选时产生的“虚线外框”呢？有很... 阅读全文
posted @ 2009-12-17 14:07 余魁 阅读(218) 评论(0) 推荐(0)
内联脚本的位置对性能的影响
摘要：测试 值得注意的一个结论： 要避免将内联脚本放在样式表和页面其它资源之间，这非常重要。这会使得看起来像是样式表阻塞了后续资源的下载。这种行为的原因是：所有主流浏览器都会保持 CSS和JavaScript的顺序。在样式表完全下载、解析及应用之后，内联脚本才能执行。同时，必须在内联脚本执行后，剩余资源才能下载。这就使得， 放在样式表和内联脚本之后的资源，下载被阻塞了。 内联脚本放在样式表之前，样... 阅读全文
posted @ 2009-12-07 17:36 余魁 阅读(342) 评论(0) 推荐(0)
纯css实现层的浮动居中（不用js）
摘要：只要将该固定定位的div的top设为50%，然后将上移到该层的高度的一半就行了(margin-top为负)，例如，如果某div高度为200px，要使得该div垂直居中，只要设置"position:absolute;top:50%;margin-top:-100px"，就是这么简单！因此，水平居中也解决了，如果该层宽度为300px，那么"position:absolute;left:50%;marg... 阅读全文
posted @ 2009-11-17 18:25 余魁 阅读(640) 评论(0) 推荐(0)
firefox 和 chorme 下面 margin-top 出错的解决
摘要：子节点的margin-top 设置，有些情况下会被传递给了父节点的margin-top。本来head 和content 在设计的语意上来说，是两上下相邻的。而结果却content节点却被子节点margin-top绑架.问题就这样来了。 hasLayout 会影响一个盒子和其子孙的边距重叠。根据规范， 阅读全文
posted @ 2009-11-14 10:45 余魁 阅读(318) 评论(0) 推荐(0)
css入门教程（二）
摘要：第一课里面有些单词大小写没有对上，这是因为我在word里面排的版，自动变成了首字母大写。学习的话得改一下。先改一下网站的title<title>我的第一个网页</title>以后记得都要改一下。有助于记忆也有助于SEO(关于这个自己百度)这一节来讲一些基本规范1、CSS在网页制作中一般有三种方式的用法，那么具体在使用时该采用哪种用法？当有多个网页要用到的CSS，采用外连CS... 阅读全文
posted @ 2009-10-07 10:57 余魁 阅读(202) 评论(0) 推荐(0)
css入门教程（一）
摘要：这一系列文章适用于学习了css但很少收获的人。哎，主要是想公司人员写代码规范点，这样开发效率高一些。废话不多说。首先要知道几个基本知识。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。结构化标准语言主要包括XHTML和XML。表现标准语言主要包括CSS。行为标准主要包括对象模型（如W3CDOM）、ECMAScript等。采用网站标准的好... 阅读全文
posted @ 2009-10-07 10:51 余魁 阅读(458) 评论(0) 推荐(0)
用CSS实现透明效果
摘要：如果你对图片保存格式有些了解的话，你会发现gif图片是可以保留部分透明效果的，在网页中直接使用gif图片的话，可以部分透明，但效果并不完美，比如图片边沿不整齐，不能半透明等等。实际上，还有一种网页中很常用的.png格式的图片可以很完美的保存图片的透明效果。在ps中设计出来的各种透明半透明效果，只要你正确的将它保存为.png格式的话，图片打开的效果几乎和在ps中是一样的，边沿很光滑，透明度也都一致。... 阅读全文
posted @ 2009-05-23 23:33 余魁 阅读(6349) 评论(1) 推荐(0)
下拉列表带分组
摘要： 阅读全文
posted @ 2008-12-18 11:25 余魁 阅读(213) 评论(0) 推荐(0)
IE6 用div排版的几个问题
摘要：float:left后导致margin-left双倍边距的BUG解决 解决办法就是是加上display:inline IE6下DIV默认高度 IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE... 阅读全文
posted @ 2008-11-14 10:47 余魁 阅读(305) 评论(0) 推荐(0)
用meta标签实现网页变换效果
摘要：网页变换效果只要搭配得当，这些变换效果会给访客留下非常深刻的印象，即使是那些本来对你的站点没兴趣的访客。特别是喜欢学习网页制作的朋友，很可能就把你的网页复制下来，以供学习研究之用。其实你不过是加了短短一段代码而已^_^ 网页变换效果（Trans）共分四大类："进入网页"（Page-Enter）、"离开网页"（Page-Exit）、"进入站点"（Site-Enter）、"离开站点"（Site-Exi... 阅读全文
posted @ 2008-11-12 18:43 余魁 阅读(188) 评论(0) 推荐(0)
关于firefox 中 margin-top问题
摘要：在要加margin-top的层前面 加 阅读全文
posted @ 2008-11-03 09:52 余魁 阅读(260) 评论(0) 推荐(0)