代码改变世界

随笔分类 - CSS+XHTML

条件CSS的高级用法

2009-03-15 11:09 by 一醉而过, 933 阅读, 收藏, 编辑
摘要: 介绍 条件CSS(Conditional-CSS)的开发源于在多数浏览器上修正 CSS 渲染 bug 的需求,以确保尽量多的用户看到正确的网站设计。核心思想建立在 Internet Explorer 上发现的 条件注释 方法,并扩展到包含其他的浏览器,而且将条件声明内联到 CSS 定义里面。 条件CSS(Conditional-CSS)并不仅仅对用户使用的浏览器感兴趣,而是对用户浏览器使用的渲染引... 阅读全文

background-position 之剑走偏锋

2009-03-10 14:44 by 一醉而过, 6037 阅读, 收藏, 编辑
摘要: 在设置background-image属性时,经常会遇到一个background-position ;一直不怎么会用,今天有空研究下. 版本:CSS1 兼容性:IE4+ NS6+ 继承性:无 语法: background-position : length || length background-position : position || position 取值: length... 阅读全文

CSS浏览器兼容问题葵花宝典(未必自宫,慎重!)

2009-03-07 08:52 by 一醉而过, 859 阅读, 收藏, 编辑
摘要: 1、发用!important解决IE和Mozilla的布局差别!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义,例如,我们定义这样一个样式:.colortest{ border:20pxsolid#60A179!important; b... 阅读全文

网页切图过程中dic+css命名规则(适合菜鸟)

2009-03-07 08:48 by 一醉而过, 2590 阅读, 收藏, 编辑
摘要: 网页切图过程中div+css命名规则 内容:content/container 导航:nav 侧栏:sidebar 栏目:column 标志:logo 页面主体:main 广告:banner ... 阅读全文

最全的CSS浏览器兼容问题整理

2009-03-07 08:28 by 一醉而过, 290 阅读, 收藏, 编辑
摘要: 最全的CSS浏览器兼容问题整理 从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200p... 阅读全文

个人总结的一些css实用技巧及必须得注意的事项

2009-03-07 08:20 by 一醉而过, 306 阅读, 收藏, 编辑
摘要: 个人总结的一些css实用技巧及必须得注意的事项: 1.注释须知:html中注释不能这样写: 代码: 这种写法,FF中会忽略其下面的内容详见:http://www.bluebirdsky.cn/article.asp?id=153. 2.CSS注释切记在/*之后及*/之前空一格,否则在有些语言中会出问题,正确写法: 代码: #div{style}/* 注释前后要空格 */ 3... 阅读全文

目前最全的浏览器/CSS选择器兼容性总结(包括Safari 4 beta)

2009-03-03 11:44 by 一醉而过, 606 阅读, 收藏, 编辑
摘要: 2009年2月24日,Safari 4.0 beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作,下面提供了最新版本的CSS选择器浏览器支持情况,其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl的总结。注: 绿色 / √ 表示目前支持。 橙色/ Δ 表示浏览器部分支持... 阅读全文

如何快速定位页面中复杂 CSS BUG 问题<怿飞,TAOBAO前端开发工程师>

2009-03-03 11:26 by 一醉而过, 378 阅读, 收藏, 编辑
摘要: 原文地址:如何快速定位页面中复杂 CSS BUG 问题 相信大家对于常见 CSS BUG 的处理已经相对比较熟悉,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题,所谓“复杂”实质是指触发的条件很复杂,而“BUG” 也并非指一定是浏览器的 BUG 。对于此类问题,我们首先要解决的是如何... 阅读全文

渐进增强式布局

2009-03-02 14:47 by 一醉而过, 436 阅读, 收藏, 编辑
摘要: Grids Layout Demo Grids Layout Demo 常用布局 两栏布局 三栏布局 自适应宽度 三栏:.grid-c3main510pxsub190pxextra230px三栏:.grid-c3fmain510pxsub190pxextra230px三栏:.grid-c3emain510pxsub190pxextra230px三栏:.grid-c3dmain5... 阅读全文

CSS中的滑动门技术

2009-03-02 14:36 by 一醉而过, 6821 阅读, 收藏, 编辑
摘要: CSS中的滑动门技术 原文作者:Douglas Bowman 原文出自:A List Apart 中文翻译:54player.com nobita 版权说明:本文中文翻译版权归译者54player.com nobita所有。需要转载发表的,请先与作者联系 在CSS中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在彼此之上进行滑动,以创造一些特殊的效果。根据 CSS2.0... 阅读全文

PNG IE6 BUG解决方案

2009-03-02 14:19 by 一醉而过, 533 阅读, 收藏, 编辑
摘要: 一:对于直接插入的图片,例如请在中插入以下JS代码,整个页面内的所有直接插入的png图片都可以实现透明: 二:对于使用css的background属性: 只能用CSS的Alpha滤镜解决,但是会发现在FF下不会出现背景,是由于FF不支持该滤镜的,所以利用CSS的hack区分属性,来解决同时为了节省代码,只在#main_pic中写公共属性 ... 阅读全文

跟我学DIV+CSS(3)

2009-02-24 09:36 by 一醉而过, 430 阅读, 收藏, 编辑
摘要: 整理者:猪头 交流QQ:117376883 UI 交流群:26364378第二章为良好的xhtml而努力在上一章我们对于div+css这种网页制作技术的原理应该有了一个简单的认识,在本章中,我们将学习一些关于xhtml的内容,之所以一直在教程中强调xhtml,是因为在html向xml过度过程中使用的就是xhtml(可以查阅web标准化的相关知识),和电脑打交到的人要时刻跟着潮流前进,为所要书写的页... 阅读全文

跟我学习DIV+CSS(2)

2009-02-24 09:34 by 一醉而过, 435 阅读, 收藏, 编辑
摘要: 整理者:猪头 交流QQ:117376883第一章:从那里开始?万事开头难,从哪里作为我的教程的开始呢?在写第一章几个字之前,我还在思考,正好想到那天我徒弟问我的一个问题,我就从这里开始我的教程吧! 那天徒弟问我:<div class= “b”></div>到底是怎么在样式表中控制显示样式的呢?我当时没有直接回答她,而是直接对她说 : “你... 阅读全文

跟我学习DIV+CSS(1)

2009-02-24 09:33 by 一醉而过, 610 阅读, 收藏, 编辑
摘要: 整理者:猪头 交流QQ:117376883写在前面的话:离开了江西先锋软件股份有限公司,我立志为成长为一名出色的UI设计师而努力奋斗,加入新的公司,开始了自己新的生活,一不小心,我却成为了一个前台开发的人,div+css成为我每天工作所必须面对的内容。两个月前,关于网页制作中的各种术语:div,css,xhtml……我还不是很了解,今天,我通过自己的努力,终于可以在各种论坛... 阅读全文