ie6bug,IE6中伪类hover的使用及BUG说明
点评：以前未曾遇到类似的问题，一番google，才知道这是IE6处理CSS伪类:hover的Bug。例如如下的代码： style a {} a span {color: green;} a:hover {} a:hover span {color: red; } /style a href="http://www.baidu.com"百度span百度一下/span/a 在IE7/FF中，鼠标移动到... [阅读全文]
css垂直居中,css 实现文字垂直居中
点评：如题，用html，css如何实现垂直居中。水平居中我们知道最简便的方法就是margin:auto，但是margin只是相对宽度有效。分两种情况： fix height： 即垂直居中的元素高度已知，这个比较简单，也不需要额外的辅助元素。
!DOCTYPE HTML
html
head
meta http-equiv="content-type" content="text/html;... [阅读全文]
浅谈推销技巧,CSS制作网页之浅谈CSS编码与组织技巧
点评：如何让 CSS 代码简洁而易于编写？这恐怕是许多开发者都关心的问题。我想，大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。组织你的样式表 尽管我们有种种 CSS 的开发工具，比如 TopStyle，比如 StyleMaster，它们可以让你对当前这个样式... [阅读全文]
css行间距,CSS定义字体间距 字体行与行间距
点评：我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性，还是先来看一下文本属性的详细列表： 属性 属性含义 属性值 Word-spacing 定义了各个单词之间的间距 Normallength必须以长度为单位 Letter-spacing 定... [阅读全文]
css代码,让CSS代码更具有易维护性
点评：如何让你的CSS代码更具有组织性和易维护性，为什么你的样式表总是臃肿和混乱的？有些时候是源于一开始书写时的混乱和草率，有时候也是因为后期的维护和各种HACK的需要，但不管如何，书写出干净、易于管理的CSS很简单，下面是10条改进的方法：1.井井有条。和许多其他的事情一样，首先要保持一个良好的组织性，而不是想到ID就写ID，想到CLASS就写CLASS，而要使样式表保持一个连贯的结构，这能让你... [阅读全文]
ie7浏览器,IE6，IE7浏览器下 margin 无效的解决方法
点评：前几天做一个页面的时候遇到了这个问题。我设置div的margin-top IE6下居然无效；后来搞了好半天没弄出来。只能设置父元素的padding-top;来达到效果。看下面的演示代码； 今天有时间，所以特意做了一个测试。 复制代码代码如下:... [阅读全文]
css伪类,css 控制first-letter伪类的背景
点评：OL定义有序列表的时候，除非指定list-style-position:inside;，否则文字和前导符是有缩进的。但有的时候，OL定义的列表类型有限制，比如不能定义汉字的“一、二、三”，我们只好手动来输入这些字符，但这下文字和字符连在一起。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"... [阅读全文]
css圆角,魔哥css圆角实现代码 (代码精简,完全自适应)
点评：魔哥css圆角实现代码，结合了图片的实现方法，兼容性好。所用到的图片:
style type="text/css"
body,p,div {margin:0;padding:0;}
.Box {margin:10px auto;width:500px;}
/*淘宝的圆角方法*/
.R-1-T,.R-1-B {height:6px;position:relative;backgroun... [阅读全文]
css空白,css 关于空白叠加
点评：简单地说，当两个垂直空白边相遇时，它们将形成一个空白边，而这个空白边的高度等于两个发生叠加的空白边的高度中较大者。况一： 当一个元素出现在另一个元素上面时，第一个元素的底空白边与第二个元素的顶空白边发生叠加。 html结构 div class="du"上面块/div div class="dd"下面块/div css代码 复制代码代码如下:... [阅读全文]
纯css圆角,纯DIV+CSS实现圆角代码
点评：用css实现的圆角实现代码，大家可以学习使用，不建议使用。不如用图片，兼容性会比这个好点。Div切圆角的实现原理： 1，首先使用P标签，第一行距Div的边距为一个数值（假设为3px;）； 2，第二个p标签在第一个的下一行，距Div的边距为第一行的减去一个像素数值（假设为2px;）； 3，依次实现，直到最后一个p标签的值为1px； 4，第一行全显示，后面的只显示两头的一个像素即可。 5，再配合... [阅读全文]
css margin 属性 详细使用说明
点评：设置外边距的最简单的方法就是使用 margin 属性。这里详细的说明margin的各个参数。CSS margin 属性设置外边距的最简单的方法就是使用 margin 属性。margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白：h1 {margin... [阅读全文]
表单美化,表单label美化代码
点评：这里举例如何美化label标签，让你的页面更漂亮。化表单，效果如下： 每个lebal有箭头的背景 有焦点的lebal背景高亮 示例如下：代码如下：复制代码代码如下:... [阅读全文]
table CSS制作好看的网页表格
点评：如果数据表格对于视力没有问题用户都难以阅读的话,那么想像一个那些用辅助技术(掌上设备)的人来说,它们是多么复杂和混乱.幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素,但是尽可以使用caption总是好的.另一个元素是summary.summa... [阅读全文]
css解释,CSS list-style熟悉解释
点评：css reset中的list-style:none.原来工作中曾经碰到过UL列表里一些异常的表现, 加上昨天看到了http://bbs.blueidea.com/thread-2984871-1-1.html 这个贴子,所以测试了一下list-style的各种属性,发现了一个有意思的现象 先看一下CSS手册中,对于list-style的解释 定义和用法 list-style 简写属性在一... [阅读全文]
cssbox,CSS的Box模型图
点评：画一CSS的Box模型图,帮助详细理解CSS中的属性... [阅读全文]
css进度条,纯css制作的漂亮好看的进度条
点评：纯css做漂亮好看的进度条，看了绝对不后悔。效果 50% 兼容 IE6/7/8 Chrome 4 Firefox 3.5 等等 更多效果
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
html
head
title new document /title
me... [阅读全文]
css透明背景,CSS 透明背景时，记得给容器加上width宽度
点评：因为我父层定了宽,里面这个层自然我就不会再写一遍啦!结果问题就出在这.给其加个宽就行了.(另外不加宽加个绝对定位也行哦!)在项目中用到的透明效果,除了用PNG24图片外就是用如下样式了: 复制代码代码如下:... [阅读全文]
cssbox,CSS 盒模型(Box Model)的学习和理解
点评：CSS盒模型（Box Model）的学习和理解一直是学习DivCSS网页布局的基础内容。但有很多CSS初学者依然不够熟悉，虽然我们提供了很多相关的教程。大家可以多学习与思考。今天发布一篇一位CSS初学者对CSS盒模型（Box Model）的理解。学习css已经有段时间了，对CSS的盒模型（Box Model）有了一定的理解。今天整理一下我学习中遇到的关于CSS盒模型（Box Model）的问... [阅读全文]
解决IE6下Position:fixed问题
点评：在IE6.0及以下版本的浏览器里是不支持position：fixed。而在IE7，IE8，firefox，opera，chrome都可以完美的支持此特性的。解决此问题的要点主要有： 1).容器要有一个背景图片 2).设置它的滚动属性为fixed。 3).用IE特有的expression方法计算出元素的top，left,right,bottom的量。
!DOCTYPE html P... [阅读全文]
css居中,css margin:0 auto居中
点评：很久没有写日记了，归根结底是很久没有学习了，一直都在工作，一直用到margin居中，也郁闷很了很久，网上看了大把的问答，最后自己就着一个例子，然后研究了一下，其实div居中不那么难！复制一下代码到记事本，修改为html后缀的文件。 代码
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Ty... [阅读全文]
input对齐,表单元素与提示文字无法对齐的解决方法(input，checkbox文字对齐)
点评：在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。样式： 复制代码代码如下:... [阅读全文]
ie7ie8,IE7，IE8 BUG导致CSS下载二次的解决方法
点评：为了压缩html代码，我们常常会去掉"HTTP或者HTTPS",即去掉url中的http(s)协议头，以节省空间，但这样使用后发现IE7,IE8会出现对同1个CSS加载2次的BUG。测试： 正常的CSS加载代码写法： link rel="stylesheet" href="http://www.test.com/main.css" type="text/css" / 这样写大家都知道加载是不... [阅读全文]
让作业书写整洁,书写高效整洁的CSS代码原则
点评：让你的CSS代码更高效简洁的写法，对应写的代码的一些好的技巧。1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset： *{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距... [阅读全文]
ie6css,CSS样式在IE6下无效的问题解决方法
点评：网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。... [阅读全文]
css布局代码,使您的CSS网页布局代码更专业 精简CSS文件
点评：众所周之，在不影响整个网页构架与功能的情况下，网页文件越小越好，因为更小的网页文件有利于浏览器对网页的解释时间缩到更短，自然访客也就不用面临等待网页缓慢呈现的烦躁了，这一点对于那些带宽少网速慢的用户犹为明显。尽管对于现如今的带宽来说，网页文件那仅以K来算的大小实在是微不足道，但如何将这以K来计算的网页文件精简到最小还是网页设计师们所应该考虑的问题之一。试想一下，你会是希望打开一个网站的时候整... [阅读全文]
css通配符,谨慎使用CSS中的星号（*）通配符
点评：我的博客前期文章中有不少关于CSS方面的文章，特别是在关于CSS3的文章中都提到了通配符的使用（如果你对CSS3中的选择符使用感兴趣可以参考我翻译的详解CSS3中的属性选择符）。里面讲到了CSS3中多种通过符的使用方法，如星号（*）、脱字符（^）和美元符号（$）等。而由于星号(*)在CSS2.x中已经得到多数浏览器的支持，所以其使用范围最广。 我们最常见的星号（*）使用方法就是： 复制代码代... [阅读全文]
div vertical-align不起作用解决办法
点评：div vertical-align不起作用解决办法，其实主要是文档声明。要加上line-height，并且加上 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" CSS代码： 复制代码代码如下:... [阅读全文]
CSS hack 针对IE6,IE7,firefox显示不同效果
点评：CSS hack：针对IE6，IE7，firefox显示不同效果 做网站时经常会用到，衡量一个DIV+CSS架构师的水平时，这个也很重要。区别不同浏览器的CSS hack写法： 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;backgro... [阅读全文]
cssbox,CSS的Box模型图
点评：画一CSS的Box模型图,帮助详细理解CSS中的属性... [阅读全文]
浏览器汇总,目前比较全面的浏览器CSS BUG兼容汇总
点评：从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. 其它请参考:CSS hack 针对IE6，IE7，firefox显示不同效果 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样... [阅读全文]
