Jul
2009
31
13:27
用css使单行超出指定宽度的内容切去并在结尾出现省略号IEFF通过,用css使单行超出指定宽度的内容切去并在结尾出现省略号IEFF为了更符合实际，我用一个div装起要调试的内容,并为这个div定义一个宽度。例如：css:div{width:200px;}html:这是我要测试的字符串内容,这是我要测试的字符串内容,在IE中实现是非常简单的，CSS如下：s...
Jul
2009
31
13:27
稀为人知的几个有用的Css技巧,1.关于background的写法nbsp;DIV.comment{background:#f0f0f0urlurladdressrepeat-xlefttop}1）您可以看到background的第一个定义是一个颜色值这表示在背景图片失效的时候颜色将起作用。nbsp;2）url括号中的引号是没有必要的，我们可以不写引号2.nbsp;关于Border的写法..
Jul
2009
31
13:27
实例详解CSS网页布局原理,DIV+CSS布局用CSS来布局很容易。如果你已经习惯用表格布局的话，起先会感觉比较困难。其实不难，只不过动机不同，并且在实践中更有意义。你可以把这一页面的各个部分当作独立的版块来看待，无论你选择哪一块。你可以绝对或相对地用彼块取代此块。定位定位属性position用..
Jul
2009
31
13:27
10条影响CSS渲染速度的写法与建议,这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分，暂时总结了10条。1、*{}nbsp;#zishunbsp;*{}nbsp;尽量避开由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始就..
Jul
2009
31
13:27
5款纯div+css制作的弹出菜单标准且无js,一、最基本的：二级dropdown弹出菜单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
Jul
2009
31
13:26
CSS教程：关于网页图片的属性,图片外框特征参数:①dashed：虚线②dotted：点虚线③solid：实线④double：双线⑤groove：沟槽状⑥ridge：脊状⑦inset：内嵌⑧outset:外嵌CSSTP特殊效果风格属性①灰/黑：Gray/Xray②差值：Invert③水平：Fliph④垂直：Flipv⑤羽化：AlphaOpacity=100,Style=2⑥透明度：..
Jul
2009
31
13:26
css应用笔记整理之结构编写,很多时候大家对博客的优化并不是很在意，只是一味的追求模板的外观。尤其是对css的应用，更显得薄弱。从几年前的TABLE+CSS网页编写结构到现在的DIV+CSS网页编写结构，至始至终css都占据着很重要的角色，因此css应用的得当在很大程度上能明显改善用户体验。自从网络中提..
Jul
2009
31
13:26
符合web标准的css网站相当于已经做了30%的SEO工作,现在的网站都在向web标准进军，大到门户，小到个人博客。这是因为符合web标准的css网站优点多多，这里着重说说符合web标准的css网站对SEO的影响（下面内容转载自互联网）。CSSDIV设计的网站是按照W3C标准的，如果一个站点完全是CSS+div制作的，那么你网站的SEO（搜索引..
Jul
2009
31
13:26
googlechrome的CSShack来了,浏览器多了也就这么个“好处”了……以下CSS语句目前只有GoogleChrome和Safari3.1可以正常解释。body:nth-of-type1p{nbsp;nbsp;color:#333333;}关于这个hack起作用的解释如下：每个网页只有一个body元素body:nth-of-type1将匹配页面内第一个也是唯一的一个body元素只有..
Jul
2009
31
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;tit
Jul
2009
31
13:26
CSS定义DIV圆角边框,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmllang=zh-CNgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=gb2
Jul
2009
31
13:26
最近做切割发现的css,float兼容问题,最近在做一个魔术网的div+css切割，昨晚发现了长期以来一直无记录下来的问题！关于兼容IE跟FF的float属性。趁现在还清醒赶紧记下笔记先：1.并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的话，两个浏览器..
Jul
2009
31
13:26
css的链接美化,A:link{nbsp;COLOR:#000;TEXT-DECORATION:nonenbsp;nbsp;//链接}A:visited{nbsp;COLOR:#000;TEXT-DECORATION:nonenbsp;nbsp;//已访问过}A:active{nbsp;COLOR:green;TEXT-DECORATION:nonenbsp;//活动}A:hover{nbsp;COLOR:red;TEXT-DECORATION:underlinenbsp;//鼠标经过}..
Jul
2009
31
13:26
网站设计之合理架构css,架构css在当前浏览器普遍支持的前提下，css被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。曾几何时只要一个css文件就够了——所有规则rule汇聚一堂，增删改都很方便——可这种日子早已远去。..
Jul
2009
31
13:26
凶手loose.dtd导致CSS样式表失效,nbsp;nbsp;nbsp;今天做了一个页面，在本地计算机上浏览好好的，但是传到服务器上却发现其中一个css样式表的类却失效了。开始以为是编码的错误，转换了一下却没发现变化，调整了格式还是不行。到底怎么回事呢？nbsp;nbsp;nbsp;仔细检查这个类，发现这个类是以数字开头的..
Jul
2009
31
13:26
CSS层叠顺序,当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。!important规则可以用指定的!important特指为重要的。一个特指为重要的样式会凌驾于与之对立的其它相同权重的样式。同..
Jul
2009
31
13:26
如何高效的学习css,不知从何时开始，CSS开始为国人重视起来。许多人都开始学习CSS，但又不知从何入手，所以此文就是给那些初学者所写，带他们踏上CSS列车。一.CSS学习重在方法!学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法!要想掌握CSS,首先要学会HTML，因为..
Jul
2009
31
13:26
CSS固定定位{position:fixed},不知道您是否留意了，浏览本站时，浏览器右下角有一个标着top的黑色直角三角形，可以点击它返回到正在浏览的网页页眉。当滚动网页时，它的位置一直没有任何改变，您感觉它怎么样？这就是通过CSS的定位属性{position:fixed}来实现的，通过它可以让HTML元素脱离文档流固定..
Jul
2009
31
13:26
CSS欺骗，让背景不能滚动,最近学习点样式表，以前有一位很历害的CSS朋友给我这个代码，看的挺不错的，思想真棒！留个纪念！lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;..
Jul
2009
31
13:26
全面了解CSS内置颜色color值,nbsp;nbsp;nbsp;nbsp;nbsp;css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;red红色等同于nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;rgb255,0,0nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;rgb100%,0%,0%nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;#ff000..
Jul
2009
31
13:26
css的引用文件方式,1使用lt;linkgt;元素链接到外部的样式文件eg:lt;linkrel=”stylesheet”type=”text/css”href=”default.css”gt;2在lt;headgt;元素中使用”style”元素来指定eg:lt;htmlgt;nbsp;nbsp;nbsp;nbsp;lt;headgt;nbsp;nbsp;nbsp;nbsp;lt;titlegt;cssdemolt;/titlegt;nbsp;nb..
Jul
2009
31
13:26
图片CSS滤镜-左右旋转效果,代码1lt;imgsrc=图片网址style=filter:FlipHgt;代码2lt;divstyle=width:360px;height:270px;filter:FlipHgt;lt;imgsrc=图片网址gt;lt;/divgt;..
Jul
2009
31
13:26
用Firefox插件调整CSS优化网页视觉体验,本文讨论如何利用Firefox的Stylish插件调整网页的CSS布局，让用户能更加轻松舒服地浏览网页。现在有越来越多的人在使用GoogleReader，利用GoogleReader可以非常方便的订阅、阅读RSS。但GoogleReader也有自己不足之处，主要是在阅读上不是很方便。RSS内文的空间宽度以及..
Jul
2009
31
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=utf-8/gt;l
Jul
2009
31
13:26
css技巧-经典中的经典,删除链接上的虚线框a:active,a:focus{nbsp;nbsp;nbsp;outline:none;}Firefox默认会在链接获得焦点（或者点击时）加上条虚线框，使用上面的属性可以删除。最简单的CSS重置*{nbsp;nbsp;margin:0;padding:0}不让链接折行a{nbsp;nbsp;nbsp;white-space:nowrap;}上面的设定就..
Jul
2009
31
13:26
CSS网页代码编写技巧：隔行换色的实现,网页设计中我们经常会碰到用CSS（层叠样式表）实现隔行换色的需求，您可以根据您的需要，采用下面的任何一种方法，当然要注意适合你的具体编码与需求情况。一、使用background背景图片如果行高固定的话，推荐使用隔行换色的背景图，也推荐将行高固定，这样可以兼容一切..
Jul
2009
31
13:26
与表格边框有关的CSS语法,表格是数据的载体，不再是布局的方式，虽然我们不需要表格来进行网页布局了，但很多表格式的数据，还是需要表格这一形式发挥它的作用！我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的..
Jul
2009
31
13:26
CSS:浮动清理，不使用clear:both标签,在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：lt;divstyle=clear:both;gt;lt;/divgt;。例如：nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;lt;divstyle=background:#666;gt;lt;!--floatcontainer--gt;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp..
Jul
2009
31
13:26
基于XHTML的DIV+CSS网页制作布局技术,CSS布局常用的方法：float:none|left|right取值：none:??默认值。对象不飘浮left:??文本流向对象的右边right:??文本流向对象的左边它是怎样工作的，看个一行两列的例子xhtml:lt;divid=wrapgt;lt;divid=column1gt;这里是第一列lt;/divgt;lt;divid=column2gt;这里是第二列..
Jul
2009
31
13:26
CSS控制LI不换行,lt;stylegt;#nobrli{display:inline;}lt;/stylegt;lt;divgt;lt;ulid=nobrgt;lt;ligt;AAAAlt;/ligt;lt;ligt;BBBBlt;/ligt;lt;/ulgt;lt;/divgt;..
