ie6css,IE6对多个CSS样式的解析
点评：如果样式写成这样，那么在IE6和FF(IE6+同FF)下会显示为不同的效果。测试代码 复制代码代码如下:... [阅读全文]
css中的伪类,CSS伪类
点评：浏览器支持：IE Internet Explorer, F: Firefox, N: Netscape。伪类浏览器支持：IE Internet Explorer, F: Firefox, N: Netscape。W3C：“W3C” 列的数字显示出伪类属性由哪个 CSS 标准定义（CSS1 还是 CSS2）。 伪类 ... [阅读全文]
ie6下载,ie6 position:fixed解决方案
点评：当前主流浏览器中，chrome，firefox，ie7,8等想要固定一个元素位置，不随内容的滚动而滚动，众所周知，css中position: fixed;即可解决。可是要在IE6中实现固定效果，position: fixed;就不奏效了。 目前我所知的ie6下fixed的方案大概有纯css和expression+js两种，各有利弊。 1.纯css法 利用了ie6下html元素外面套的一个匿名... [阅读全文]
浮动层,浮动层自动适应高度的解决方法
点评：在网页制作中经常会用到浮动。用了浮动就会涉及到一个清除浮动的问题，因为包含浮动的元素是不会自动适应高度的，也就是不会被浮动元素撑开。先看一个例子： HTML: 复制代码代码如下:... [阅读全文]
css图片缩小,CSS强制按比例缩小图片
点评：CSS强制按比例缩小图片,很多情况下，不用这种方法，会增加ie负荷。titleCSS强制按比例缩小图片/title style img,a img{ border:0; margin:0; padding:0; max-width:200px; width:expression(this.width200?"200px":this.width); max-height:200px; heig... [阅读全文]
css层叠样式表,CSS 的层叠规则说明
点评：学习了段时间CSS, 总结一些CSS层叠规则整个过程 查找competing rule集。 对competing rules进行排序； 对元素，应用sorted rules中的属性（层叠过程，高优先级的在上面，覆盖了下面低优先级的属性) 最后渲染，考虑继承值（也是个层叠过程)和默认值, 再做属性值转换。 原则就是 general --- special 查找阶段 遍历所有css rule, ... [阅读全文]
cssbug,IE中奇怪的应用CSS的BUG分析
点评：由于IE系浏览器对标准的支持不够好，导致Web开发中经常需要去处理浏览器兼容性问题，特别有些莫名其妙的问题很让人头疼今天要说这个问题就是这样的，先从插入CSS的三种方法说起： 外部样式（External Style Sheet） 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样... [阅读全文]
css优先级,同级情况下CSS的优先级探讨
点评：CSS的调用方式一共有4种，分别是：行内样式，内嵌式，link链接式，@import导入式，在同级的前提下，我们可以按样就近原则来理解他们的优先级，则越前定义的样式，会被后面的样式覆盖。假如两个或更多的规定在应用了前三个规定具有相同优先级，则后给出的规则优先于早先给出的规则。如果在网页的HEAD标记中同时使用了STYLE标记符（指定嵌入式样式）和LINK标记符（指定链接式样式），并且这两个样... [阅读全文]
css浏览器,区别各种IE浏览器的css写法
点评：因为IE版本的的太多有些时间不得不对某些浏览器进行单独的实现，大家就可以参考下面的文章了。1.区别IE和非IE浏览器 复制代码代码如下:... [阅读全文]
css三角形,纯CSS实现的小三角
点评：纯CSS实现的小三角，喜欢的朋友可以参考下。先看图1效果：代码如下：div style=”border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;”/div关键是要知道边框的上下左右四条边框之间的连接处是呈斜线状的，如图2：然后上面的图1... [阅读全文]
css清除浮动,css 怎么清除浮动
点评：早段时间特别的忙，忙到站点一直没有更新；但是这段时间也是偷偷的做了一些的工作，比如对站点的JS进行了压缩，构思labs分站以及聚合分站。而此段时间最烦的是森林群里面的一群人每天上班都在吵，然后我就每次都装嫩的在里面问：“各位高手，劳烦请问一下；清除浮动怎么弄？” 清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了... [阅读全文]
IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
点评：IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法，需要的朋友可以参考下。确实不错。外置 .main{ float:left;#float:none;_float:none; html*.main{ float:left;#float:none;_float:none; } *+html .main{ float:left;#float:none;_float:n... [阅读全文]
select和input不会继承字号body font-size
点评：在Firefox 3.6.9、IE 9、IE 8中，select和input不会继承字号，无论在body中声明font-size是多少，select和input仍然显示为浏览器默认字号（一般为16px）。 复制代码代码如下:... [阅读全文]
cssdiv布局,div+css布局中的alpha 不透明度使用说明
点评：alpha滤镜用于设置图片或文字的不透明度。它是把一个目标元素与背景混合，通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、 线、面的透明度。语法：filter: Alpha(参数1=参数值, 参数2=参数值,…) 说明：alpha属性包括很多参数，如下表所示。 alpha属性的参数设置 参数 具体含义及取值 opacity 代表透明度水准，默认的范围是从0到100，表示... [阅读全文]
浏览器hack,针对主流浏览器的CSS-HACK写法及IE常用条件注释
点评：本文将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.对于前端工作者,最痛苦的事莫过于浏览器兼容性的调试,而这最痛苦的事中,最变态的莫过于微软的三个版本IE6.0/IE7.0/IE8.0. 为了让所写代码在各主流浏览器中正常运行，我们不得不为各种浏览器写对应的样式。本文，青鸟将为你总结CSS针对各浏览器的兼容HACK(以IE6... [阅读全文]
css竖向导航,Vertical Text with CSS（用CSS竖向排列文本）
点评：Vertical Text with CSS(用CSS竖向排列文本) ，需要的朋友可以参考下。CSS代码: 复制代码代码如下:... [阅读全文]
CSS中右对齐float:right换行的解决办法
点评：一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上，二是在另一行，举个例子，大家一看就明白了是不是很多朋友在应用FLOAT左右的时候也出现这个问题，下面给出几种常用的解决方法，希望对出现这样问题的朋友有所帮助哈。 第一种解决办法：把左右对换，比如吧日期放在标题的前面，我朋友就是那个问题，对调以下就好了。 第二种解决办法：给右边也加上FLOAT:RIGHT ... [阅读全文]
css外边距,css 空白外边距互相叠加的解决方法
点评：空白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦.先看如下demo代码:
!doctype html
html
head
meta charset="utf-8"
title空白边距叠加[email protected]/title
style
body{width:300px; font-family:'微软雅黑'; font-... [阅读全文]
css圆角背景,CSS技巧之圆角背景与三角形实现方法
点评：前端开发中两个很不错的小技巧, CSS三角形与圆角背景. 的确, 它们都可以通过图片来实现, 但, 抛开用代码实现可以减小图片加载量不说, 当你遇到三角形或圆角背景下还有一层非纯色背景时, 你又不得不考虑IE6 png兼容问题, 嗯, IE6,万恶之源. 此时, CSS三角形及圆角背景将是上佳选择. 查看演示
!DOCTYPE HTML
html
head
meta charset... [阅读全文]
table样式,最大限度的分离table的样式与结构
点评：用table布局,相信大家都知道这是前端很诟病的事.但从HTML标签角度来看table标签,它的功能强大也是毋庸置疑的, 不然, 它也不会曾主导网站布局模式数年(甚至于现在仍有N多整站用table布局的网站). 但CSS+XHTML的兴起,使很多人开始妖魔化table这一标签,甚至以页面中是否有table来评判页面质量,这是不对的. table也有它存在的作用,很多页面功能(比如数据表格类,... [阅读全文]
ie7ie8,IE7、IE8、ff下的margin-top问题 折叠margin
点评：今天小组一同学做网站时，遇到一个关于margin-top兼容问题：有两个div,其中div1嵌套div2,而在div2里面设置margin-top后，在IE8、ff和chrome下显示的效果竟然不是想要出现的结果，而在IE7下面效果正确。而在以前用的时候，从不记得margin也需要不同的浏览器对其进行兼容设置。并且还是在不太支持web标准的IE7下面都可以，其他支持WEB标准的都出现问题。难... [阅读全文]
超链接四种状态,网页中css四种链接引用方法浅谈
点评：在网页中的引用（比如引用css,js,img等对象），总的来说可以分为以下几种方式%--第一种方法--% link href="/site.css" rel="stylesheet" type="text/css" / %--第二种方法--% link href="site.css" rel="stylesheet" type="text/css" / %--第三种方法--% li... [阅读全文]
css圆角边框,兼容IE6的图片圆角边框CSS
点评：纯CSS实现的图片圆角边框效果,兼容IE6.实现原理很简单,利用绝对定位,使一个背景为PNG图片的边框覆盖在原始图片上面.而兼容IE6,本文用的是一段JS来让万恶的万万人诅咒的IE6识别PNG图片的.当然,你还可以用滤镜的方式让IE6实现PNG效果.本文后面我会附上两种解决方案.个人比较推崇用JS来实现IE6PNG,适应性比较强,但如果你只有一两处用到PNG,完全可以用滤镜的方式来实现. 核... [阅读全文]
语义网,CSS中视觉语义不等于基于表现的类
点评：CSS中视觉语义不等于基于表现的类你和用户之间的网站堆栈（简化版） 在TXJS大会的最后一天，一个开发者问我：面向对象的CSS没有给你留下一大堆基于表现的class名?网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件，人们对于HTML和CSS的期望是一样一样的。HTML需要用一种能代表数据或内容的有意义的东西来书写，也就是我所谓的代码语义。HTML中的代码语义对... [阅读全文]
css前端,CSS在移动网站开发的前端技术和技巧
点评：本文将和大家一起探讨移动网站中的CSS标准。介绍Mobile css的标准也是有些复杂的，与前一篇文章中提到的类似，之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0，事实上它们都是CSS 2.1的子集，而且内容非常接近，不同的是，WAP CSS 1.0针对移动设备加入了一些扩展，这些扩展通过-wap-前缀来实现。后来，W3C将二者进行了... [阅读全文]
css渐变背景,用网页技术CSS实现网页背景渐变的四种代码设置
点评：用网页技术CSS实现网页背景渐变的四种代码设置。一、从上往下渐变 复制代码代码如下:... [阅读全文]
div垂直居中,div水平垂直居中的完美解决方案
点评：很多情况需要用到div的居中，下面是脚本之家编辑参考一些网站整理的一篇文章。希望对朋友们有所帮助。让div居中对齐使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。 .style{margin-left:auto;margin-right:auto;} 缩写形式为： .style{margin:0 auto;} 数字0 表示上下边距是0。可... [阅读全文]
伪类选择器,CSS3 伪类选择器 nth-child（）说明
点评：CSS3标准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题，今天我们就来“前瞻”一下CSS3的一个伪类选择器“nth-child()”。CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标准已提出数年，但是目前能实现她... [阅读全文]
css最小宽度,css样式限制、防止表格被连续英文字母拉长及控制大图片的网页宽度
点评：最近做一个论坛，遇到了这两个问题，觉得也挺有意思的，就也写上吧限制、防止表格被连续英文字母拉长 table标记中table style="table-layout:fixed;" 这句话的意思就是将表格定位,不管里面有多少内容,如果超出,将自动覆盖然后我们再为单元格定位, td标记中td style="width:100%;word-wrap:break-word;" 这句话的意思就... [阅读全文]
css菜单,120个国外的非常优秀的CSS水平导航菜单
点评：导航是一个网站的路标，优秀的导航是网站设计成功地第一步。导航必须是用户友好的，而且要与网站设计风格保持一致，这样才能为用户提供简便的导航。导航是一个网站的路标，优秀的导航是网站设计成功地第一步。导航必须是用户友好的，而且要与网站设计风格保持一致，这样才能为用户提供简便的导航。 ... [阅读全文]
