css彻底研究,CSS haslayout 彻底了解
点评：要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误，就是源于 haslayout。什么是 haslayout ？ haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么... [阅读全文]
css表格边框,css 解决表格边框不显示的问题
点评：在 IE6 中，当表格单元格中的数据为空时，边框是不显示的，在IE8中是会显示的，怎样解决这个不兼容的问题呢。下面有一个例子，看如下代码，有两处不能显示，有一种解决办法是加个空格，可以解决但不是最理想的。其实只要在表格中加了一句代码就可以。 style="border-collapse: collapse" 复制代码代码如下:... [阅读全文]
圆角图片在线生成,RoundedCornr 生成圆角图片的好用的简单工具
点评：随着 CSS 向 CSS3 的不断演进，圆角的处理不再是一个棘手的问题。但是我们伟大的 IE 同志坚守着那份愚昧与无知。不过为了效果，还是不得不做一点牺牲，能用图片做圆角就尽量用图片吧。随着 CSS 向 CSS3 的不断演进，圆角的处理不再是一个棘手的问题。但是我们伟大的 IE 同志坚守着那份愚昧与无知。不过为了效果，还是不得不做一点牺牲，能用图片做圆角就尽量用图片吧。RoundedCorn... [阅读全文]
CSS expression在Chrome的问题
点评：CSS中写expression可能会在Chrome中有问题.先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px：div id="test" img src="http://www.zishu.cn/attachments/month_0702/n2007271255.gif" //divFirefox或IE较高的版本可以直接写max-wi... [阅读全文]
读书有用还是无用,清理无用的CSS样式比较有用的几个工具
点评：在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢？今天就让我们来了解一下几个比较有用的工具。Dust-Me selectorsDust-Me是一个很有用也很好用的Firefox插... [阅读全文]
使用Table,DIV,XHTML三者制作网页的区别.
点评：最近有客户问到“table建站、DIV建站以及XHTML建站的区别”，其实这也是国内网站建设逐步走向成熟的标志。网站建设，简单的来说，就是“这个人长的怎么样”和“这个人内心怎么样”。一部分是外观所展示出来的“视觉效果”、另一部分是藏在里面的“代码元素”。我们先来举一个简单的例子，用这3种不同的代码... [阅读全文]
css图片变灰,css使图片变灰的实现方法
点评：最近项目中遇到个问题，就是要使图片变灰。我想了几种解决方案。如果您是想将页面 网页变灰配合全国哀悼日的css代码 20100421 下面是图片特效。1 一种是图片之间的替换，也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了， 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种，程序员嘛，都比较懒，喜欢让计算机干更多的事情。2 于是又想到了第二种，就是用css来解决问题，上网... [阅读全文]
css学习,CSS 学习笔记
点评：首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。id和class到底要用哪一个？ 首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。 id的优点（class的缺点）：id写在css用"#"选择器，class写在css中用"."选择器。"#"选择器的优先级高于"."选择器大约10倍，所以当你需要提升优先级的时候，id标签，或者i... [阅读全文]
css编程,CSS编程提醒及小技巧整理（25条）
点评：25条CSS编程提醒及小技巧整理,做前台开发的朋友值得参考。1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、一个兼容性调整(IE和Moz... [阅读全文]
网页制作小结,网页中各种链接引用方法小结
点评：在网页中的引用（比如引用css,js,img等对象），总的来说可以分为以下几种方式本文是我平时实践而来，若有错误，请读者指出 在网页中的引用（比如引用css,js,img等对象），总的来说可以分为以下几种方式 %--第一种方法--% link href="/site.css" rel="stylesheet" type="text/css" / %--第二种方法--% link href="... [阅读全文]
form不换行,FORM 不换行的方法
点评：在写 Html 的时, 写到 FORM 会让造成空隔多空一行 等等的问题。以往都是将 Form 塞到 Table 跟 tr 间 的这些方法来解决(或tr,td之间) 事实上 css 有简易的解法~~~ 照下面的一设就搞定了 form{margin:0px;display: inline} margin: 上下左右间隔都设为 0px display: inline 之后显示的在同一行. ... [阅读全文]
css挂马,黑客选择CSS代码挂马 CSS挂马攻防实录
点评：随着Web2.0的普及，各种网页特效用得越来越多，这也给黑客一个可乘之机。他们发现，用来制作网页特效的CSS代码，也可以用来挂马。而比较讽刺的是，CSS挂马方式其实是从防范E挂马的CSS代码演变而来。黑客们发现发现，用来制作网页特效的CSS代码，也可以用来挂马。随着Web2.0的普及，各种网页特效用得越来越多，这也给黑客一个可乘之机。他们发现，用来制作网页特效的CSS代码，也可以用来挂马。而... [阅读全文]
css选择符,CSS 群组化选择符
点评：可以使我们的CSS 样式变得比较简洁，将来又好管理和方便修改，这种写法是CSS 语法最基础的功能之一，只要把这一些基础的用法都熟悉了，同学们自然而然就可以练出漂亮的CSS 样式喽~常常我们的CSS 样式中会有好几个地方需要使用到相同的设定时，一个一个分开写会是一件满累人的工作，重覆性太高且显得冗长，更不好管理....在CSS 语法的基本设定中，就可以把这几个相同设定的选择器合并在一起，原本可... [阅读全文]
wordcss,CSS文字控制之letter-spacing和word-spacing
点评：letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白，而word-spacing添加每个单词之间的空白。请大家注意，word-spacing对中文无效。letter-spacing 语法： lette... [阅读全文]
区分IE6,IE7,IE8和FF的css hack
点评：区分IE6，7和FF的很简单，相信大家都会了。今天遇到一个问题查了一下IE8的hack，于是又了下面的代码复制代码代码如下:... [阅读全文]
div+css 布局常识 8问
点评：CSSer与其他IT职位一样，在找工作的时候，都会面临着面试官提出的问题，或者给出的试卷。今天jb51.net收集了常见的8条面试题目，希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题？ 被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A 二、IE6的margin双倍边距bug问题 例如： 复制代码代码如下:... [阅读全文]
css3圆角,CSS3模块的目前的状况分析
点评：以下是一张所有CSS3模块的表格以及他们目前的状况。css3.info将会不断更新这张表格的模块进度变化。越多进展的模块列在最前面。目前还没有CSS3模块达到“推荐”级别。以下是一张所有CSS3模块的表格以及他们目前的状况。css3.info将会不断更新这张表格的模块进度变化。越多进展的模块列在最前面。目前还没有CSS3模块达到“推荐”级别。注：这个页面于2009年1... [阅读全文]
css布局,CSS用四种方式实现布局
点评：CSS用四种方式实现布局 一，流体浮动布局描述：当视图变化时，跟着变化，设置百分比大小，采用浮动来实现二，流体定位布局描述：当视图变化时，跟着变化，设置百分比大小，用定位方式实现三，固定浮动布局描述：固定大小，不能随着视图改变而改变，设置固定大小，用浮动来实现四，固定定位布局描述：固定大小，不能随着视图改变而改变，设置固定大小，用定位实现... [阅读全文]
css表格边框,css 解决表格边框不显示的问题
点评：在 IE6 中，当表格单元格中的数据为空时，边框是不显示的，在IE8中是会显示的，怎样解决这个不兼容的问题呢。下面有一个例子，看如下代码，有两处不能显示，有一种解决办法是加个空格，可以解决但不是最理想的。其实只要在表格中加了一句代码就可以。 style="border-collapse: collapse" 复制代码代码如下:... [阅读全文]
ie8div,DIV无法自动高度 IE8无法自动高度
点评：DIV无法自动高度 IE8无法自动高度 额外标签法 这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签。我个人不喜欢这种方法，但是它确实是W3C推荐的方法: div style="clear:both;"/div 或者使用 br style="clear:both;"... [阅读全文]
CSS expression在Chrome的问题
点评：CSS中写expression可能会在Chrome中有问题.先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px：div id="test" img src="http://www.zishu.cn/attachments/month_0702/n2007271255.gif" //divFirefox或IE较高的版本可以直接写max-wi... [阅读全文]
css简写,css 简写用法介绍
点评：简单的说，css简写就是在等效的前提下，把多句css代码简化成一句。在我看来，简写css的好处有三：一是写起来方便（就像键盘快捷键）；二是简化代码；三是帮助你熟悉和深刻理解css。闲话少说，书归正传。能够简写的css属性主要有以下几个：font简写：font:italic small-caps bold 12px/1.5em arial,verdana;等效于：font-style:ital... [阅读全文]
读书有用还是无用,清理无用的CSS样式比较有用的几个工具
点评：在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢？今天就让我们来了解一下几个比较有用的工具。Dust-Me selectorsDust-Me是一个很有用也很好用的Firefox插... [阅读全文]
css图片变灰,css使图片变灰的实现方法
点评：最近项目中遇到个问题，就是要使图片变灰。我想了几种解决方案。如果您是想将页面 网页变灰配合全国哀悼日的css代码 20100421 下面是图片特效。1 一种是图片之间的替换，也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了， 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种，程序员嘛，都比较懒，喜欢让计算机干更多的事情。2 于是又想到了第二种，就是用css来解决问题，上网... [阅读全文]
css浏览器,浏览器CSS Reset的十种方法
点评：知道CSS Reset是什么吗？通常情况下，它也被写成Reset CSS，即重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使 用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到： ... [阅读全文]
css编程,CSS编程提醒及小技巧整理（25条）
点评：25条CSS编程提醒及小技巧整理,做前台开发的朋友值得参考。1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、一个兼容性调整(IE和Moz... [阅读全文]
css3圆角,玩转CSS3色彩
点评：传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。译自：Playing Around with CSS3 Colors中文：玩转CSS3色彩传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。CSS3带来了一些新的处理颜色的方法，比如使用HSL(Hue, Saturation... [阅读全文]
网页制作小结,网页中各种链接引用方法小结
点评：在网页中的引用（比如引用css,js,img等对象），总的来说可以分为以下几种方式本文是我平时实践而来，若有错误，请读者指出 在网页中的引用（比如引用css,js,img等对象），总的来说可以分为以下几种方式 %--第一种方法--% link href="/site.css" rel="stylesheet" type="text/css" / %--第二种方法--% link href="... [阅读全文]
ie8rgba,RGBa色彩的浏览器支持分析
点评：RGBa色彩的浏览器支持分析小结，需要的朋友可以参考下。RGBa是一种在CSS中声明包含透明效果的颜色的方法，它的语法是这样的复制代码代码如下:... [阅读全文]
css细线表格,兼容浏览器的css网页细线表格设计
点评：细线表格如果单纯设置边框，很难保证浏览器兼容。常见的做法是利用 CSS2 的 "border-collapse:collapse;" 属性合并表格边框；并对 table 元素设置左边框和上边框，对 th 和 td 元素设置右边框和下边框。 Markup: 复制代码代码如下:... [阅读全文]
