13:26
中文排版CSS心得,数月来学习web标准,并遵循标准设计和制作web页面。一直想写点什么,整理一下自己的心得体会。写这篇文章,主要是针对中文排版设计,英文排版因为很少做,所以不涉及。先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用,后面再介绍下比如首字下沉、首行缩进。..
13:26
GridView固定表头不用javascript只用CSS!,很好用,代码:lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headrunat=servergt;nbsp;nbsp;nbsp;lt;titlegt;GridVi
13:26
体验css+div之给整个页面添加渐变背景,体验css+div之给整个页面添加渐变背景css+divNoCommentsraquo;随着WEB2.0网页设计风格的盛行,越来越多的优秀UI出现在各大网站中,它以清爽、简洁、主次分明的特征迎得了广大网页设计师们和各大网站站长们的青睐,而WEB2.0表现最出色的地方就是它对光感效果透彻的运用,经..
13:26
CSS滑动门技术,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=gb2312/gt;lt;titl
13:26
css技巧:经典常用CSS使用技巧几则,使用line-height垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时,使用line-height即可(高度与父层容器一致),更多的垂直居中总结可以看这里。清除容器浮动#main{overflow:hidden;}期前也提到过这样的问题,更多信息可以看这里。不让链接折行a{w..
13:26
小技巧大问题,cellSpacing用css样式代替方法,其它样式类似解决!,我们做WEB程序开发过程中,经常会为了Table中的cellSpacing,cellpadding等样式的设置发愁,经常没有办法可想了,就会直接在Table中设置cellSpacing,cellpadding了,这样以后要改页面风格时,或做多主题风格时,就会发现改起来是多么的痛苦了.奔着这个目标,经过不断...
13:26
CSS样式命名规则及参考命名标准,一常用的CSS命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftrightcenter登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subn..
13:26
CSS的渲染效率-书写高效的CSS,根据一些CSS写作经验,如何提高渲染效率及所占用消耗的资源,我们来浅谈一下CSS的渲染效率,书写高效的CSS。1、十六进制的颜色值对位数与大小写编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但..
13:26
CSS技巧补遗二十四则,在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在52CSS.com的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理..
13:25
CSS制作圆角导航的另一思路,制作圆角导航其实跟制作圆角边框是一样的道理,有一种很常见的方法就是使用CSS绝对定位,切四个圆角的小图片,然后分别定位在四个角,这样就可以实现自动伸缩。但是这样的代码因为嵌套的DIV过多,而显得有些复杂,这里提供另外一种思路,即是通过CSS背景的定位去制作。..
13:25
用CSS使图片自适应显示宽度,公司的项目中需要显示由用户提供URI链接的图片,可是预先无法获知图片的尺寸大小,假如图片尺寸过大将会影响页面布局。最理想的解决方案自然是自动生成缩略图,涉及的后台工作较为复杂,用CSS进行控制是个能够接受的捷径。假如用width属性强行设定显示尺寸似乎太不智能..
13:25
如何用CSS制作生日蜡烛代码,原始代码:lt;DIValign=centergt;lt;DIVstyle=FILTER:alphaopacity=90,finishopacity=0,style=2;WIDTH:40px;COLOR:#ff0000;HEIGHT:100px;BACKGROUND-COLOR:#ff0000gt;lt;/DIVgt;lt;DIVstyle=FILTER:progid:DXImageTransform.Microsoft.gradientstartColorStr:
13:25
CSS中慎用中文注释,在css样式表中用了中文注释,并且将/*和*/写在与中文同一行的话,可能导致注释下方的样式失效,ie6以下的浏览器包括ie6都可能出现这个问题,但经过测试ie7、firefox、opera等浏览器都能良好支持中文注释,具体原因暂时不确定,但发现了解决方法,有问题的写法是这样的:..
13:25
用css实现图片替换,lt;stylegt;nbsp;h2{font-size:14px;font-weight:bold;padding:10px0;margin:5px0;border-bottom:1pxsolid#ccc;}nbsp;.box2{}nbsp;nbsp;.box2img{display:block;padding:2px;border:0;}nbsp;.box2a{color:#333;text-decoration:none;border:2pxsolid#FFF;flo
13:25
css弹出层+屏蔽背景页面兼容fiefox,lt;%@pagecontentType=text/html;charset=utf-8language=javaimport=java.sql.*errorPage=%gt;lt;%/*nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;通用弹出层页面兼容IE、firefoxnbsp;nbsp;nbsp;nbsp;作者:陈满森nbsp;nbsp;nbsp;nbsp;创建时间:2007
13:25
自定义CSScursor,自定义CSScursor属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。标准写法:cursor:urlimagepen_il.cur,au..
13:25
css伪类伪元素,在CSS中,模式(pattern)匹配规则决定那种样式规则应用于文档树documenttree的哪个元素。这些模式叫着选择符(selector。一条CSS规则rule是选择符{属性:值;属性:值;}(selector{property:value;property1:value2;}),即选择符决定了{}中的声明declaration匹配哪个元素..
13:25
使用CSS固定背景,使用CSS可以固定背景,格式如下:标签名{background-attachment:参数}参数:fixed:页面滚动时,背景固定;scroll:页面滚动时,背景滚动。实例:lt;htmlgt;lt;styletype=text/cssgt;lt;!--nbsp;nbsp;nbsp;p.1{background-attachment:fixed;nbsp;background-repeat:no-re..
13:25
CSS基础教程完全学习手册1,你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习:第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化..
13:25
css技巧:批量保存div+css图片方法,由于现在很多div+css中的图片都写在了css里面。直接用浏览器的另存为已经不能完全保存到本地我在网上收集了一些方法,和一些自己的实践,希望对你有所帮助第一:苦力型查看网页源文件,然后找到css路径,直接输入到ie地址框内下载既可。打开css找出里面的图片一个一个下..
13:25
CSS的常用技巧整理,一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二.明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个..
13:25
IE和FF对CSS兼容问题,CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。常见兼容问题:1、DOCTYPE影响CSS处理2、FF:div设置margin-left,margin-right为auto时已经居中,IE不行3、FF:body设置text-align时,div需要设置margin:auto主..
13:25
图片CSS滤镜-发光效果,一、代码:lt;DIVstyle=FILTER:Glowcolor=#4A7AC9,strength=12;WIDTH:384px;HEIGHT:304pxalign=centergt;lt;brgt;lt;IMGsrc=图片网址gt;lt;/DIVgt;二、参数说明:colornbsp;nbsp;nbsp;nbsp;nbsp;--gt;发光颜色strengthnbsp;nbsp;--gt;发光强度虑镜宽=图片宽度+发光强度x..
13:25
CSS条件注释,由于浏览器版本的不同,对CSS里某些元素的解释也不一样,针对浏览器版本不同而选择不同CSS的代码,其实我们还可以利用条件注释的方法来达到类似的目的,什么是条件注释,在此简单介绍一下,无非就是一些if判断啦,呵呵,但这些判断不是在脚本里执行的,而是直接在html代..
13:25
发现CSS控件的好处,很长时间以来,网络开发者通过使用图片和javascript脚本代码来开发交互式的控件。然而,在许多情况下使用CSS的规则来定义文本超链接的格式将是开发交互式控件的一个较好选择。使用CSS技术开发更快更有效,所以现在在众多网站上看到这种技术已经不是一件奇怪的事情了。使..
13:25
创建一个纯CSS的水平导航条,按照传统的方法,导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容,所以很多制作Web的人正在寻找(新的)方法,用结构化的XHTML标记和CSS格式来创建导航条。一个简单的CSS导航条nbsp;创建CSS样式文本导航条的最简单解决方..
13:25
CSS实用教程(三),十二.控制BOX的样式样式表规定了一个容器BOX,它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。为了大家更好地理解这些属性的意义,以及互相之间的关系,请看下面这个图示:1.边框空白(MARGIN)如图所示,位于BOX模型..
13:25
CSS实用教程(二),七.控制文字的样式控制文字的样式包括文字大小写、文字修饰两个部分。1.文字大小写文字大小写使网页的设计者不用在输入文字时就完成文字的大小写,而可以在输入完毕后,再根据需要对局部的文字设置大小写。基本格式如下:text-transform:参数参数取值范围:·upperca..
13:25
CSS实用教程(一),CSS(CascadingStylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的..
13:25
让css使网页图片半透明,你用过css么?当然,我是指你喜欢做网页的话,用过?很好,那你用过它的特效么?没有?那请跟我来。让我先通俗的介绍一下css,css不属于html,它属于html的辅助语言,在没有css之前,网页是静态的,但自从有了css后,网页制作的历史就要重写了,css能给网页加入许多你想..