[code]body:nth-of-type(1)p{color:#333333;}[/code]OnlytheGoogleChromeandSafari3.1browserswillshowparagraphsasred....
http://www.jb51.net//article/15853.htm
[html]<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>首字放大练习_脚本之家_www.jb51.net</...
http://www.jb51.net//article/15827.htm
相信看完全文您会对CssReset有个重新的认识PS:[code]*{padding:0;margin:0;}[/code]这就是最常用的CssReset,但是这里会有很多问题。原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定"CssReset"也是为了兼容与统一,正确有效的使用"CssReset"可以在某种程度上节约时间与金钱.非常感谢Perishable的整理与归纳下面是关于几类CssReset的简单介绍,本人能力有限.只能理解大概意思,还请各位看官见谅.MinimalisticReset[Version1]相信这一段你经常看到.而且也是我们经常用到的[code]*{p...
http://www.jb51.net//article/15814.htm
1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLeft等,返回的值会为0,通过js设置style.display来使元素显示后才能正确获得这些值。2、使用display:none隐藏的元素不会被百度等搜索网站检索,会影响到网站的SEO,某些情况下可以使用left:-100000px来达到同样效果。3、如果是通过样式文件或<style>css</style>方式来设置元素的display:none样式,用...
http://www.jb51.net//article/15781.htm
如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS。CSS网页布局的意义体现在如下方面:一、使页面载入得更快由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。二、降低流量费用页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。三、修改设计时更有效率由于使用了DI...
http://www.jb51.net//article/15774.htm
FF浏览器.test{height:20px;background-color:orange;}IE7浏览器*+html.test{/*IE7*/height:20px;background-color:blue;}IE6浏览器*html.test{/*IE6*/height:20px;background-color:black;}通过上面的CSS代码可以看出FF还是最听话的浏览器。在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。这里就很好记忆了,IE6加*html,而IE7加*+html,暗示加了一个版本。通过对class、id所做的CSSHACK好处在于不用顾及前后顺...
http://www.jb51.net//article/15773.htm
在CSSExpression中使用JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。CSSExpression在其它浏览器中不起作用,因此在跨浏览器的编码中单独针对IE设置时会比较有用。从IE5开始支持CSSExpression。我们看下面的代码:[code]background-color:expression((newDate()).getHours()%2?"#F00":"#00F");[/code]上面的代码是使用CSSExpression,实现隔一个小时切换一次背景颜色。CSSExpression的问题就在于它的计算频率要比想象的多出很多。不仅仅是...
http://www.jb51.net//article/15772.htm
所以,结构优良的代码能很大程度上优化它的可维护性。下面列出四则技巧提高CSS文件可维护性的方法,以此作为指南,以一种较好的CSS样式组织习惯来进行WEB前端开发。一、CSS样式文件分解对于小项目,在写代码之前,按页面结构或页面内容将代码分为几块并给予注释。例如,可以分别将全局样式、布局、字体样式、表单、评论和其他分为几个不同的块来继续工作。而对于较大的工程,这样显然不会有什么效果。此时,就需要将样式分解到几个不同的样式表文件。下面的masterstylesheet就是这一方法的例子,它的工作主要是导入其他样式文件。使用这一方法不仅能优化样式结构,而且有利于减少一些不必要的服务器请求。而分解文件...
http://www.jb51.net//article/15771.htm
[code]usingSystem;usingSystem.Collections;usingSystem.Text;usingSystem.IO;usingSystem.Collections.Specialized;usingSystem.Text.RegularExpressions;usingSystem.Diagnostics;namespaceCSS{publicclassApp{publicstaticvoidMain(string[]args){//初始化CSS解析器CssDocumentdoc=newCssDocument();//加载现有CSS文件doc.Load(Dire...
http://www.jb51.net//article/15761.htm
1、很多兼容性问题,是因为不同标签在不同浏览器下有着不同的paddingmargin默认值。所以可以事先定义[code]*{padding:0;margin:0;}[/code]或者[code]ul,li,h1,h2,h3,h4,h5,h6,p,table,td,div,img,hr,dd,dt,span,a,dt,dd,ol{margin:0;padding:0;font-size:12px;}[/code]2、关于布局,可以看dreamweavercs3里的模板怎么写的,它的写法是最好的写法。大的布局,可以直接使用dreamweavercs3里默认的那些模板。然后去掉注释,就能用了。3、适...
http://www.jb51.net//article/15758.htm
图片外框特征参数:①dashed:虚线②dotted:点虚线③solid:实线④double:双线⑤groove:沟槽状⑥ridge:脊状⑦inset:内嵌⑧outset:外嵌CSSTP特殊效果风格属性①灰/黑:Gray/Xray②差值:Invert③水平:Fliph④垂直:Flipv⑤羽化:Alpha(Opacity=100,Style=2)⑥透明度:Alpha(Opacity=33,Style=0)⑦模糊:Blur(Add=1,Direction=45,Strength=180)⑧雕刻:progidXImageTransform.Microsoft.Emboss()⑨水波纹:Wave(Ad...
http://www.jb51.net//article/15735.htm
