css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369.字体(fonts)字体的属性如下：font-style:italic;font-variant:small-caps;font-weight:bold;font-s...

[阅读全文]

原作者：MatthewGriffin虽说已是互联网无所不能的时代，但还是会需要将网页内容打印出来阅读。对于网生的电子报、电子期刊这些更适合于在网络环境中阅读的内容，怎样通过打印输出生成适当的纸媒页面呢？长时间来，这一直是一个课题。为了写如下这篇博文，作者对相关问题进行了深入思考，并为BitsO'NewMedia网站编写...

[阅读全文]

一、使用css缩写　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。　　二、明确定义单位，除非值为0　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：w...

[阅读全文]

关于CSS选择器优先级，目前国内已有很多人进行过解释，但感觉不如人意，特别对于初学者，更是难以理解。这里我把W3C上所描述的规范以我的理解再解释一下，希望能给大家提供到帮助。在Calculatingaselector’sspecificity上的原文摘选如下：Aselector’sspecifi...

[阅读全文]

常见的侧栏最新评论列表一般有两种格式：路人甲发表于某某文章，或者路人乙：引言……它们都有个问题，就是换行很难控制，长短不一，有时候内容还会把页面撑破。老肥研究了很久CSS手册，找到了一个符合标准的办法，像现在我的侧栏widget一样，强制只显示一行，多出来的一刀切断，是不是有点像Gmail里...

[阅读全文]

严格来说不是光CSS就能令IE浏览器崩溃(crash)，而要配合一定的XHTML架构。到现时为止发现有两种写法的代码分别会令IE6、IE7崩溃，至于原因我尝试寻找过答案但至今还没找到…如你有这方面的认识或更详细的资料很希望你能分享一下！令浏览器崩溃的代码如下：CrashIE6<styletype="tex...

[阅读全文]

语法：STYLE="filter:filtername(fparameter1,fparameter2...)"　　（Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数）　　滤镜说明：　　Alpha：设置透明层次　　blur：创建高速度移动效果，即模糊效果　　Chroma：制...

[阅读全文]

在网页设计中，会遇到文本超过固定长度导致整体的网页变形的情况。程序员往往需要截取固定的长度来实现某些固定长度的控制。介绍一种直接采用CSS的代码控制来实现文本截取的方法。与程序员的直接字符截取的方式有点区别，其优势是可以自动控制文本显示的长度；缺点是不同浏览器的兼容性并不完美。使用到overflow，text-over...

[阅读全文]

我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的<font>标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大优势,也就是进一步分离内容和展示方式.从先前的很多例子我们知...

[阅读全文]

现在的开发环境CSS越来越成为主流，各企业与IT公司对CSS也越来越重视，大家的学习也热情高涨，CSS被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。曾几何时只要一个CSS文件就够了——所有规则（rule）汇聚一堂，增删改都...

[阅读全文]

CSS浮动一直是个比较让人郁闷的问题，很多的布局问题都出在浮动上，特别是当浮动的列数很多时，但其实只要理解了两列结构的浮动，面对多列数的浮动也不会再心慌，因为两列结构的左右浮动是最基本的浮动，也是更多浮动的基础，三列、四列等的浮动都是出于此的。来看一下几种常见的CSS两列浮动，CSS代码见以下各分类，HTML结构代码如...

[阅读全文]

如果同个元素有两个或以上冲突的CSS规则，浏览器有一些基本的规则来决定哪一个非常特殊而胜出。　　它可能不像其它那么重要，大部分案例你不需要担心冲突，但大型而且复杂的CSS文件，或有很多CSS文件组成的，可能产生冲突。　　选择器一样的情况下后面的会覆盖前面的属性。比如：p{color:red;}p{color:blue;...

[阅读全文]

原文：http://www.planabc.net/2008/07/25/unitless-line-heights/淘宝商城的detail页面“产品详情”部分是商家自定义区块，曾出现这样一个问题：<styletype="text/css">p{line-height:17px;}</style...

[阅读全文]

前几天有个人退群了。起因很简单，他问了一个问题，没人回答，于是说要退群，后来我看到了，给了个链接，说这个问题已经说过好多遍了，于是他就退了。打开QQ的群列表，我所在的技术群有5个，不包括原来参加过又退了的。另外，还去几个论坛里看。看得多了，忽然觉得有几句话想说给初学者。97年，我开始接触网络，然后开始做网页，直到现在，...

[阅读全文]

在学习应用css之前我们要先了解一下什么是css。CSS是CascadingStyleSheets(层叠样式表)的简称.*CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).*在标准网页设计中CSS负责网页内容(XHTML)的表现.*CSS文件也可以说是一个文本文件,它包含了一些CSS...

[阅读全文]

　你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：　　第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。　　另一种原因是你对那些非常熟悉的表现层属性(...

[阅读全文]

由于现在很多div+css中的图片都写在了css里面。　　直接用浏览器的另存为已经不能完全保存到本地　　我在网上收集了一些方法，和一些自己的实践，希望对你有所帮助　　第一：苦力型　　查看网页源文件，然后找到css路径，直接输入到ie地址框内下载既可。打开css找出里面的图片一个一个下载　　第二：偷懒型　　保存到本地cs...

[阅读全文]

一、代码：<DIVstyle="FILTER:Glow(color=#4A7AC9,strength=12);WIDTH:384px;HEIGHT:304px"align=center><br><IMGsrc="图片网址"></DIV>二、参数说明:color-->发光颜色strength-->发光强度虑镜宽=图片宽度...

[阅读全文]

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。常见兼容问题：1、DOCTYPE影响CSS处理2、FF：div设置margin-left，margin-right为auto时已经居中，IE不行3、FF:body设置text-align时，div需要设置ma...

[阅读全文]

本文章是一位webjx.com的网友在进行网站更新与调整时，进行W3CXHTML1.0验证的时候的一些经验。总结出通过W3CXHTML1.0标准需要注意的九个问题：一、在<divclass=tzh>IamTZH!</div>这段语句中有什么错误？　　标点符号问题。这其实也是大家最容易忽视的问题，其实就是小小的两个引号，...

[阅读全文]

这篇文章主要讲了CSS对背景图片渲染效率的一些经验和研究，在webjx.com中，还有着类似CSS效率的相关文章。　　树型结构竖线用样式表（背景图）来实现，样式表背景图片只需要加载一次，而现在这个模式（用多个<img>）图片虽然有缓存机制，但还是有可以每张小图片都请求一次服务器的，所以我想用样式表来实现有多么的好呀，代...

[阅读全文]

在chinazhan.net的大多数文章中，我们并未特别注意CSS文件的可维护与可读性的问题，当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出四则技巧提...

[阅读全文]

制作圆角导航其实跟制作圆角边框是一样的道理，有一种很常见的方法就是使用CSS绝对定位，切四个圆角的小图片，然后分别定位在四个角，这样就可以实现自动伸缩。但是这样的代码因为嵌套的DIV过多，而显得有些复杂，这里提供另外一种思路，即是通过CSS背景的定位去制作。在CSS背景属性中有一项是background-positio...

[阅读全文]

原始代码：<DIValign=center><DIVstyle="FILTER:alpha(opacity=90,finishopacity=0,style=2);WIDTH:40px;COLOR:#ff0000;HEIGHT:100px;BACKGROUND-COLOR:#ff0000"></DIV><DIVstyl...

[阅读全文]

在css样式表中用了中文注释，并且将/*和*/写在与中文同一行的话，可能导致注释下方的样式失效，ie6以下的浏览器包括ie6都可能出现这个问题,但经过测试ie7、firefox、opera等浏览器都能良好支持中文注释，具体原因暂时不确定，但发现了解决方法，有问题的写法是这样的：/*主内容区域地址栏部分样式*/如果改为以...

[阅读全文]

<%@pagecontentType="text/html;charset=utf-8"language="java"import="java.sql.*"errorPage=""%><%/*通用弹出层页面(兼容IE、firefox)作者：陈满森创建时间：2007-7-11最后修改时间：2007-7-11说明：1.op...

[阅读全文]

自定义CSScursor属性的值可以是多个，其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示，则第二个值将被尝试使用。依此类推。假如全部值都不可用的话，则此属性不会发生作用。光标不会被改变。标准写法：cursor:url(images/pen_il.cur),auto;/*windows系...

[阅读全文]

在CSS中，模式（pattern）匹配规则决定那种样式规则应用于文档树(documenttree)的哪个元素。这些模式叫着选择符（selector)。一条CSS规则(rule)是选择符{属性:值;属性:值;}（selector{property:value;property1:value2;}），即选择符决定了{}中的...

[阅读全文]

　W3C近日发布两项标准，分别是“XHTMLBasic1.1”及“移动Web最佳实践1.0”。这两项标准均针对移动Web，其中，XHTMLBasic1.1是W3C建议的移动Web置标语言。　　XHTMLBasic1.1　　移动置表语言有众多分支，XHTMLBasic1.1...

[阅读全文]

(一)常用的CSS命名规则头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：n...

[阅读全文]