<?xml version="1.0" encoding="gb2312" ?>
<rss version="2.0">
<channel>
<title>Css教程</title>
<link>http://www.xker.com/edu/website/2/</link>
<description>网络学院 / 网页制作 / Css教程</description>
<language>zh-cn</language>
<generator><![CDATA[新客网 xker.com]]></generator>
<webmaster>mx463@163.com</webmaster>
<item>
    <title><![CDATA[最常用CSS和HTML快速开发工具]]></title>
    <link>http://www.xker.com/page/e2012/0304/110091.html</link>
    <description><![CDATA[工欲善其事，必先利其器。对于广大的开发者们来说，有一个好的开发工具往往事半功倍。本文列举了多个最常用的CSS和HTML快速开发工具，供编程开发者们学习与参考，一起来看下吧。 1.CleverCSS CleverCSS是个为CSS开发而产生的小型的标记语言，它的设计灵感来]]></description>
    <pubDate>2012-03-04</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[修改外部链接，email链接，pdf链接的CSS样式代码]]></title>
    <link>http://www.xker.com/page/e2012/0211/108008.html</link>
    <description><![CDATA[Style links depending on file format 修改外部链接，email链接，pdf链接的样式 /*externallinks*/ a[href^= http:// ]{ padding-right : 20px ; background : url (external.gif) no-repeat center right ; } /*emails*/ a[href^= mailto: ]{ padding-righ]]></description>
    <pubDate>2012-02-11</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[修改一般的ipad屏幕布局CSS代码]]></title>
    <link>http://www.xker.com/page/e2012/0211/108007.html</link>
    <description><![CDATA[iPad-Specific CSS 修改一般的ipad屏幕布局 @mediaonly screen and(device- width : 768px ){ /*ForgeneraliPadlayouts*/ } @mediaonly screen and(min-device- width : 481px )and(max-device- width : 1024px )and(orientation: portrait ){ /*Forportrait]]></description>
    <pubDate>2012-02-11</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[类似非常酷的Gravatar首页效果CSS代码]]></title>
    <link>http://www.xker.com/page/e2012/0211/108006.html</link>
    <description><![CDATA[Tucked Corners CSS代码允许你创建类似非常酷的Gravatar首页效果 div.tucked-corners{ background : #f6f6f6 ; height : 380px ; margin : 50px auto ; padding : 10px ; position : relative ; width : 580px ; -webkit-box-shadow: 01px 7px hsla( 0,0% ,]]></description>
    <pubDate>2012-02-11</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[创建多个边框box阴影css代码]]></title>
    <link>http://www.xker.com/page/e2012/0211/108005.html</link>
    <description><![CDATA[How to Create Multiple Borders in CSS3 非常酷的方式创建box阴影，允许你创建多个边框 box-shadow: 00 02px #000 , 00 03px #999 , 00 09px #fa0 , 00 010px #666 , 00 016px #fd0 , 00 018px #000 ;]]></description>
    <pubDate>2012-02-11</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS浏览器重置代码]]></title>
    <link>http://www.xker.com/page/e2012/0211/108004.html</link>
    <description><![CDATA[Chris Poteets CSS浏览器重置代码 这个代码能够有效地帮助大家解决跨浏览器问题。虽然不支持IE6，但是对于这种美国占有率低于1%的浏览器，大家大可以放弃。 /* ResetDefaultBrowserStyles -Placefirstinthelistingofexternalstylesheetsforcascading. -Besure]]></description>
    <pubDate>2012-02-11</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[图文详解:制作纯CSS3文字渐变内发光投影效果]]></title>
    <link>http://www.xker.com/page/e2011/0923/102737.html</link>
    <description><![CDATA[前阵子做了个css3文字效果，涉及css3投影，渐变，蒙版，伪类等知识点，现在写下设计思路，仅供参考。发个效果图大家看先： 投影shadow box-shadow 一般我们都是用css3的box-shadow来实现盒投影，用text-shadow来实现文字投影，box-shadow设置方型盒子投影，]]></description>
    <pubDate>2011-09-24</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[详解CSS3 pointer-events属性值]]></title>
    <link>http://www.xker.com/page/e2011/0923/102735.html</link>
    <description><![CDATA[其实早知道这个属性，但是一直没有去研究过。今天正好在twitter看到这个词，就去研究了下，正好解决了目前遇到的一个小难题，所以分享下。嗯，其实这是个比较简单的CSS3属性。 在某个项目中，很多元素需要定位在一个地图层上面，这里就要用到很多绝对定位或]]></description>
    <pubDate>2011-09-24</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[两个漂亮css的统计实例]]></title>
    <link>http://www.xker.com/page/e2011/0915/102572.html</link>
    <description><![CDATA[和你一起分享2个漂亮的 CSS 实现的统计实例，效果如图： 第一个实例的CSS代码 dl { margin:0; padding:0 0 15px 0; width:401px; height:auto; background:#fff url(bar.gif) bottom left no-repeat; } dt { text-align:center; font-size:1.5em; border-bott]]></description>
    <pubDate>2011-09-15</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[页面表格table内容与样式另存为excel表格文档方法]]></title>
    <link>http://www.xker.com/page/e2011/0915/102571.html</link>
    <description><![CDATA[本文分析一下如何将页面table内容与样式另存成excel文件，主要介绍style与class之间的区别问题。 问题描述：网页点击【导出】按钮后，将页面table内容另存成excel文件，却发现无法保存表格样式 分析过程： 1.table表格用class，而不是style。导出时并没有导]]></description>
    <pubDate>2011-09-15</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS布局中的一些基础属性]]></title>
    <link>http://www.xker.com/page/e2011/0915/102570.html</link>
    <description><![CDATA[刚接触设计工作的朋友不得不使用CSS，本文就简单介绍一些在使用CSS的时候经常用到的一些属性的使用信息，希望对你有所帮助。 一、可设置的CSS属性包括：字体属性、文本属性、颜色及背景属性、边框属性、容器属性(边距属性、填充属性)、分类属性、鼠标属性。]]></description>
    <pubDate>2011-09-15</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[无需图片用CSS3做出漂亮的按钮]]></title>
    <link>http://www.xker.com/page/e2011/0907/102518.html</link>
    <description><![CDATA[不管你是在设计网站或者是Web应用，按钮都是必不可少的。现在，有了CSS3 的帮助，设计按钮可以变成轻松。 看看下面这些按钮： 查看在线演示 上面这些按钮是纯 CSS3 的，无需任何图片，酷吧？ 注意：IE 6/7 下是没有前面的小图标哦]]></description>
    <pubDate>2011-09-07</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[网页先写HTML再写CSS]]></title>
    <link>http://www.xker.com/page/e2011/0826/102443.html</link>
    <description><![CDATA[CSS文件先准备 还是先写好HTML文件？网上有很多种答案：先写HTML后写CSS；先写CSS后写HTML；两者同时写。 我的准则是先写HTML打好基础，然后再写CSS进行表现的控制！ 对于初学者我建议两者一起写，先写CSS或者先写HTML对于初学者都不是恰当得的方法。 如果让]]></description>
    <pubDate>2011-08-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CCS中float的实质]]></title>
    <link>http://www.xker.com/page/e2011/0826/102442.html</link>
    <description><![CDATA[当一个元素被设定为float后，那么它似乎不再属于这一行，也就是说，下一个元素可以跳到这一行来显示，但第一个元素无论如何总要占据一定的空间（当然还是在这一行）。如果是float:left，那么就意味着它将漂浮在这一行的最左边，如此，第二个元素便紧贴其后（]]></description>
    <pubDate>2011-08-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS各种选择符详解]]></title>
    <link>http://www.xker.com/page/e2011/0826/102441.html</link>
    <description><![CDATA[一、类型选择符 什么是类型选择符？指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型，div、p、span都是。如下： body{} div{} p{} span{} 二、群组选择符 对于XHMTL对象，可以对一组同时进行相同的样式指派。使用逗号对选择符进行分]]></description>
    <pubDate>2011-08-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[DIV+CSS网页布局时避免滥用DIV元素]]></title>
    <link>http://www.xker.com/page/e2011/0826/102440.html</link>
    <description><![CDATA[CSS网页布局应避免滥用DIV元素一直是我们所倡导的，以合适的HTML标签组织文档是CSS网页布局的基]]></description>
    <pubDate>2011-08-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[运用CSS3制作漂亮表单的教程]]></title>
    <link>http://www.xker.com/page/e2011/0818/102282.html</link>
    <description><![CDATA[CSS3的出现，为制作更好的网页表单带来无数新的可能。在本文中，我收集了10种运用新技术CSS3，制作非常棒的表单的教程。 1.HTML5 和 CSS3表单 HTML5引进了类似诸如滑动条、数字旋转器、日期选择自定义这些实用的新表单元素。该教程会教你怎样用HTML制作表单，]]></description>
    <pubDate>2011-08-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>伯乐在线</comments>
</item>
<item>
    <title><![CDATA[Css等比例缩放图片后截取图片的代码]]></title>
    <link>http://www.xker.com/page/e2011/0710/101832.html</link>
    <description><![CDATA[因为在做一个简单的相册功能，做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块，但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法 截取前： 截取后： CSS代码： img src=1.jpg style=clip:rect(10px 100px 90px 20px);]]></description>
    <pubDate>2011-07-10</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[div+css是网页排版技巧]]></title>
    <link>http://www.xker.com/page/e2011/0528/101416.html</link>
    <description><![CDATA[1，ul：默认的ul的margin和padding不是0，如果在导航中用到了左浮动的li，往往会把外部的div撑大，导致页面变形，改成： ul{margin:0px; padding:0px;} 2、img：1、这里牵涉的不同浏览器的问题，ie6里显示的图片height总是要大于准确值，这里就需要我们记住]]></description>
    <pubDate>2011-05-28</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[去掉checkbox边框的方法]]></title>
    <link>http://www.xker.com/page/e2011/0528/101415.html</link>
    <description><![CDATA[input name=a type=checkbox style=position:absolute;clip: rect(6 15 15 6) checked=checked 关键：style=position:absolute;clip: rect(6 15 15 6) 解释： 此属性定义了绝对(absolute)定位对象可视区域的尺寸。 1.clip属性必须和定位属性postion一起使用才]]></description>
    <pubDate>2011-05-28</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[12款有助于简化CSS3开发的工具]]></title>
    <link>http://www.xker.com/page/e2011/0518/101328.html</link>
    <description><![CDATA[网站开发者能通过CSS3为网站设计增添很多时尚元素，CSS3 对CSS规范做了很大的改进。现在，本文将为你介绍12款有助于简化CSS3开发的工具。 1、CSS3 Pie: 允许在IE上使用CSS3绝大部分的酷炫功能。 2、CSS3 Builder： 通过该工具，你可以用类似应用photoshop特]]></description>
    <pubDate>2011-05-19</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[12组免费的CSS3 按钮]]></title>
    <link>http://www.xker.com/page/e2011/0422/101055.html</link>
    <description><![CDATA[一直以来，都是图片或是JavaScript用来创建按钮。随着CSS3被更广泛的支持，我们有幸能够利用很好的CSS3按钮。 本文推荐12组免费的、拿来就用的CSS3按钮，不会让你失望。 1、 CSS3 Buttons With Simple Markup 2、 GitHub-Style CSS3 Buttons 3、 Zardi 4、 S]]></description>
    <pubDate>2011-04-22</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[值得推荐的27款经典CSS框架]]></title>
    <link>http://www.xker.com/page/e2011/0305/100349.html</link>
    <description><![CDATA[利用 CSS 框架，可以简化你的工作，提高工作效率。CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架，你可以选用。 1. 960gs 960 像素的页面宽度似乎成为了一种]]></description>
    <pubDate>2011-03-05</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[15个国外最流行的CSS框架（附下载地址）]]></title>
    <link>http://www.xker.com/page/e2011/0107/99805.html</link>
    <description><![CDATA[CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。例如，typography.css是基本排版规、grid.css是基于网格的布局、layout.css通常的布局，包括form.css for是表单样式等等，本文将介绍15个国外最]]></description>
    <pubDate>2011-01-07</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[让IE支持CSS 3圆角属性的方法]]></title>
    <link>http://www.xker.com/page/e2011/0106/99778.html</link>
    <description><![CDATA[如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。 推荐专题： Web标准化跨浏览器开发教程 本文我们主要是讲解如果用CSS 3样式表来实现圆角效果，值得注意的]]></description>
    <pubDate>2011-01-06</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS在线设计工具收集推荐]]></title>
    <link>http://www.xker.com/page/e2010/1212/99470.html</link>
    <description><![CDATA[对网站设计/开发人员来说，除了不段提高自身的技能和水平，你还应该不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的设计效率并最大化你的利润是非常重要的。 字体类CSS工具 1、Em Calculator EM Calculator可以帮助你计算px与em之间的转换。]]></description>
    <pubDate>2010-12-12</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[IE9下CSS3多种新功能试用]]></title>
    <link>http://www.xker.com/page/e2010/1212/99464.html</link>
    <description><![CDATA[无意中看到CSS3的强大功能，比较感兴趣，分享下先。。。呵呵 首先你得安装IE9,,,, 如果你没安装IE9 beata,来这里试试。。。 http://windows.microsoft.com/en-US/internet-explorer/download/ie-9/worldwide 选择语言和版本， 498)this.width=498;' style=b]]></description>
    <pubDate>2010-12-12</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS3学习之圆角box-shadow,阴影border-radius]]></title>
    <link>http://www.xker.com/page/e2010/0826/97899.html</link>
    <description><![CDATA[最近经常玩腾讯微博,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px\0)欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中也逐]]></description>
    <pubDate>2010-08-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[模块的opacity透明与PNG的阴影透明冲突]]></title>
    <link>http://www.xker.com/page/e2010/0826/97897.html</link>
    <description><![CDATA[模块的透明设置：filter:alpha(opacity=80); opacity:0.8; PNG的透明设置：直接在制作PNF-24模式的图时留有透明度就可以 问题： 今天在处理F7Dialog2.0项目时发现一个问题，那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带有]]></description>
    <pubDate>2010-08-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS实例：word-wrap:break-word让文本自动换行]]></title>
    <link>http://www.xker.com/page/e2010/0718/97383.html</link>
    <description><![CDATA[文本框连续输入 数字111111111111111111或者 英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐藏文字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上的解]]></description>
    <pubDate>2010-07-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[DIV模块交叉在一起 CSS边框交互效果]]></title>
    <link>http://www.xker.com/page/e2010/0718/97382.html</link>
    <description><![CDATA[css边框嵌套的实现代码，两个Div彼此交叉在一起，平时我们不多见吧？主要是想练习一下布局的方法，掌握两个元素边框交叉，你就可以轻易学会在网页中布局其它的小Div。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xh]]></description>
    <pubDate>2010-07-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[css设置两个div边框内外嵌套实例]]></title>
    <link>http://www.xker.com/page/e2010/0718/97381.html</link>
    <description><![CDATA[css属性实例:两个div边框内外嵌套，代码如下： html head meta http-equiv=Content-Type content=text/html; charset=gbk / titlecss属性实例/title style .main{ border:2px solid #333333;} .include{ margin:50px; border:2px solid #333333; width:500px]]></description>
    <pubDate>2010-07-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS overflow 控制文本溢出代码实例]]></title>
    <link>http://www.xker.com/page/e2010/0718/97380.html</link>
    <description><![CDATA[用CSS控制文本溢出，主要是使用了CSS中的overflow属性，关于文本溢出属性的实例，注意文本中段首部分的显示效果。平时我们用到的比较多，因此overflow的用法和使用场合有必要掌握。 html head meta http-equiv=Content-Type content=text/html; charset=utf-]]></description>
    <pubDate>2010-07-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[在IE中使用高级CSS3选择器]]></title>
    <link>http://www.xker.com/page/e2010/0714/97302.html</link>
    <description><![CDATA[别误会，IE是不支持CSS3高级选择器，包括最新的IE8（详见《 CSS选择器的浏览器支持 》），但是CSS选择器的确是很有用的，它可以大大的简化我们的工作，提高我们的代码效率，并让我们很方便的制作高可维护性的页面。 然而IE对高级CSS选择器特别是CSS3选择器的]]></description>
    <pubDate>2010-07-14</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS 选择器的浏览器支持总结]]></title>
    <link>http://www.xker.com/page/e2010/0714/97301.html</link>
    <description><![CDATA[我很久以前就开始计划着整理一下CSS选择器的浏览器支持，因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《 使用CSS选择器创建个性化链接样式 》，作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况，我将其翻译过来并进]]></description>
    <pubDate>2010-07-14</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS控制网页中图片的最大宽度和高度实例]]></title>
    <link>http://www.xker.com/page/e2010/0714/97297.html</link>
    <description><![CDATA[html head style type=text/css !-- img.pic{ max-width:300; max-height:100px; /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/ width: expression(this.width 300 this.width / 300 = this.he]]></description>
    <pubDate>2010-07-14</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[网页中用CSS限制图片的最大宽度和高度]]></title>
    <link>http://www.xker.com/page/e2010/0713/97293.html</link>
    <description><![CDATA[html head style type=text/css !-- img.pic{ max-width:300; max-height:100px; /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/ width: expression(this.width 300 this.width / 300 = this.he]]></description>
    <pubDate>2010-07-13</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS max-width 属性]]></title>
    <link>http://www.xker.com/page/e2010/0713/97292.html</link>
    <description><![CDATA[定义和用法 max-width 定义元素的最大宽度。 说明 该属性值会对元素的宽度设置一个最高限制。因此，元素可以比指定值窄，但不能比其宽。不允许指定负值。 默认值： none 继承性： no 版本： CSS2 JavaScript 语法： object .style.maxWidth=50px 实例 设置段]]></description>
    <pubDate>2010-07-13</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[media query(媒体查询)和media type(媒体类型)]]></title>
    <link>http://www.xker.com/page/e2010/0711/97266.html</link>
    <description><![CDATA[media type(媒体类型)是css 2中的一个非常有用的属性，通过media type我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强，是CSS 3的重要内容之一。随着移动互联网的发展，media query开始得到大家]]></description>
    <pubDate>2010-07-11</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS滤镜同时过滤文字的解决方法]]></title>
    <link>http://www.xker.com/page/e2010/0629/97090.html</link>
    <description><![CDATA[初用CSS滤镜的朋友可能会遇到这样的问题:给div套上 filter:alpha(opacity=50); 滤镜后，里面的文字也随之半透明,这种情况下，我们该怎么办呢？ 经过本人查阅大量资料，实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明.]]></description>
    <pubDate>2010-06-29</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[{ hide_text } CSS文字隐藏总结报告]]></title>
    <link>http://www.xker.com/page/e2010/0618/96837.html</link>
    <description><![CDATA[最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的最]]></description>
    <pubDate>2010-06-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>caib.me</comments>
</item>
<item>
    <title><![CDATA[使用css3仿造window7的开始菜单]]></title>
    <link>http://www.xker.com/page/e2010/0618/96836.html</link>
    <description><![CDATA[相当逼真，css3果然强悍。 友情提示：请勿在IE下浏览。 查看实例： http://www.jankoatwarpspeed.com/examples/windows7menu/ 点击下载： http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=170 来看下原作者的设计草图： 简明创建]]></description>
    <pubDate>2010-06-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>空杯楠</comments>
</item>
<item>
    <title><![CDATA[HTML + CSS 模仿Windows 7桌面效果]]></title>
    <link>http://www.xker.com/page/e2010/0618/96835.html</link>
    <description><![CDATA[前一阵看到一篇文章《 使用css3仿造window7的开始菜单 》，文中仅使用CSS3 实现了Windows 7 开始菜单的动态效果，很久以来一直被WPF/Silverlight 山上的风景所吸引，未成想其他的山也同样引人入胜。于是心血来潮也尝试着做了一个Windows 7 桌面效果，先来看]]></description>
    <pubDate>2010-06-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>Cnblogs</comments>
</item>
<item>
    <title><![CDATA[再谈 Web 默认字体]]></title>
    <link>http://www.xker.com/page/e2010/0615/96805.html</link>
    <description><![CDATA[秦歌 这篇文章 总结得很不错，俺挑刺来啦： 1. 优先级的描述不严谨，有 !important 时，网页样式可以覆盖用户自定义样式。用户!important 网页!important 用户 网页 浏览器默认。 2. Tahoma 字体从 Win95 就有了，并且从 Win2000 开始，Tahoma 成为 Win 英文]]></description>
    <pubDate>2010-06-15</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>lifesinger.org</comments>
</item>
<item>
    <title><![CDATA[默认Web字体样式]]></title>
    <link>http://www.xker.com/page/e2010/0615/96804.html</link>
    <description><![CDATA[通常用户看到的页面的样式会受到三层控制，第一层是浏览器的默认样式，第二层是网页定义样式，第三层是用户自定义样式。和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。实际情况是虽然浏览]]></description>
    <pubDate>2010-06-15</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>dancewithnet.com</comments>
</item>
<item>
    <title><![CDATA[IE8的一个BUG：Hack 兼容方案]]></title>
    <link>http://www.xker.com/page/e2010/0615/96803.html</link>
    <description><![CDATA[字体真是个麻烦的东西，然后又是个重要的东西。为以更方的解决字体问题，就像上次推荐的《 再谈 Web 默认字体 》，为了Pixel Perfect，我们不断纠结。像支付宝在CSS Reset中是这样写的： body{ font : 12px Tahoma , Helvetica , Arial , '宋体' , sans-seri]]></description>
    <pubDate>2010-06-15</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[css sprite原理、优缺点及实例]]></title>
    <link>http://www.xker.com/page/e2010/0529/96522.html</link>
    <description><![CDATA[关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而]]></description>
    <pubDate>2010-05-29</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS属性的缩写总结]]></title>
    <link>http://www.xker.com/page/e2010/0403/95794.html</link>
    <description><![CDATA[高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。 色彩缩写 色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个]]></description>
    <pubDate>2010-04-03</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>前端观察</comments>
</item>
<item>
    <title><![CDATA[CSS模块化：让你的CSS更加有效地去管理]]></title>
    <link>http://www.xker.com/page/e2010/0227/94189.html</link>
    <description><![CDATA[在刚学习CSS初期，就接触了模块化CSS这样的概念，不过，一直没有很好的理解。说起来，理由很简单：因为几乎所有的代码都是为了博客的设计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，少反而更方便管理。所以，]]></description>
    <pubDate>2010-02-27</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>站长网</comments>
</item>
<item>
    <title><![CDATA[float闭合（清除浮动）和CSS HACK]]></title>
    <link>http://www.xker.com/page/e2010/0129/93135.html</link>
    <description><![CDATA[一、float闭合（清除浮动） 将以下代码加入GlobalCSS中,给需要闭合的div加上class=clearfix即可,屡试不爽. style .clearfix:after { content:.; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } .clearfix{display:bl]]></description>
    <pubDate>2010-01-29</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[IE6、IE7下实现white-space:pre-wrap]]></title>
    <link>http://www.xker.com/page/e2010/0101/90205.html</link>
    <description><![CDATA[HTML 的空白符处理规则 HTML 中的空白符包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。 我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续的多个空白符会被合并。 然而在有些时候，我们希望 HTML]]></description>
    <pubDate>2010-01-01</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>蓝色理想</comments>
</item>
<item>
    <title><![CDATA[CSS圆角框进行JS封装]]></title>
    <link>http://www.xker.com/page/e2010/0101/90204.html</link>
    <description><![CDATA[本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。 文章导航： 第一章： 基本的圆角框 第二章：透明圆角化背景图片 第三章：圆角化图片 第四章：CSS圆角框组件 V1.0]]></description>
    <pubDate>2010-01-01</pubDate>
    <category>Css教程</category>
    <author>by0001</author>
    <comments>蓝色理想</comments>
</item>
<item>
    <title><![CDATA[图片img与div容器下边界有间隔（空隙）的解决方法]]></title>
    <link>http://www.xker.com/page/e2009/1113/85520.html</link>
    <description><![CDATA[问题描述： IE7下 img与div（block类型元素）下边界有距离（或者叫缝隙、空隙）。 IE7才会有这个问题，IE8下是没有的。 解决方案： 法宝一：定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top。 img{vertical-align:bottom;} 法宝二：]]></description>
    <pubDate>2009-11-13</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS Sprites简介及实例]]></title>
    <link>http://www.xker.com/page/e2009/1024/82938.html</link>
    <description><![CDATA[CSS Sprites 简介 ：通常被意译为CSS图像拼合或CSS贴图定位。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最]]></description>
    <pubDate>2009-10-24</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>Ali Ued</comments>
</item>
<item>
    <title><![CDATA[IE6/IE7/IE8三版本CSS兼容速查表]]></title>
    <link>http://www.xker.com/page/e2009/1021/82505.html</link>
    <description><![CDATA[现代Web 设计与开发越来越看重 浏览器兼容 问题，IE每个新版本的推出，都在遵循 CSS标准 方面前进一大步，同时，也就不可避免地在IE 的各个主要版本之间产生兼容问题，尽管 IE8 推出已有时日，使用 IE6的用户仍然相当可观。 本文以 速查手册 的形式介绍CSS (2.1 和 3)]]></description>
    <pubDate>2009-10-21</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[调试诊治CSS布局的十个方法]]></title>
    <link>http://www.xker.com/page/e2009/1015/81793.html</link>
    <description><![CDATA[本文的内容，对于开发者在调试CSS布局也能有些启发。 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利]]></description>
    <pubDate>2009-10-15</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[DIV+CSS样式表命名的规则方法]]></title>
    <link>http://www.xker.com/page/e2009/0826/76941.html</link>
    <description><![CDATA[DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。 如果要是就几行或几十行代码吧！就根据英文单词就行了。可是要是多了那就不好写了，有时候就直接用汉语拼音或拼音的首字母代替。]]></description>
    <pubDate>2009-08-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>百洋软件研究实验室</comments>
</item>
<item>
    <title><![CDATA[CSS实现排版段落前面空两个字，不使用空格]]></title>
    <link>http://www.xker.com/page/e2009/0820/76414.html</link>
    <description><![CDATA[段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。 。 text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 . 在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。 本站所提]]></description>
    <pubDate>2009-08-20</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网编辑</comments>
</item>
<item>
    <title><![CDATA[自适应css布局——流动布局新时代]]></title>
    <link>http://www.xker.com/page/e2009/0810/75547.html</link>
    <description><![CDATA[流动网页设计有很多好处，但也只有在正确使用的时候。合适的技巧会使页面在大屏幕、小屏幕抑、ＰＤＡ小屏幕上都能得到良好的呈现。但是，糟糕的代码结构，对于流动布局来说将是灾难性的。因此，我们需要针对大多数流动设计的缺点寻求可行的解决方案。 如果你作为设计师]]></description>
    <pubDate>2009-08-10</pubDate>
    <category>Css教程</category>
    <author>Kayla Knigh</author>
    <comments>蓝色理想</comments>
</item>
<item>
    <title><![CDATA[CSS优先级的详细解说]]></title>
    <link>http://www.xker.com/page/e2009/0622/72573.html</link>
    <description><![CDATA[在讲CSS优先级之前，我们得要了解什么是CSS，CSS是用来做什么的。简单说来，CSS是层叠样式表(Cascading Style Sheets)的简称。它的规范代表了互联网历史上一个独特的发展阶段。现在对于从事网页制作的朋友来说，应该很少没有听说过CSS了，因为在制作网页过程中我们经常]]></description>
    <pubDate>2009-06-22</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>W3C标准</comments>
</item>
<item>
    <title><![CDATA[使用CSS创建带图标链接样式]]></title>
    <link>http://www.xker.com/page/e2009/0610/72420.html</link>
    <description><![CDATA[我们在设计网站的时候，有的时候需要根据页面元素的属性来制作不同的样式，比如，对于不同的链接类型，显示不同的链接图标。CSS的选择器是个很有用的技术，通过它们，我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选择器。 先看一]]></description>
    <pubDate>2009-06-10</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[如何用css实现大背景的网页设计]]></title>
    <link>http://www.xker.com/page/e2009/0605/72347.html</link>
    <description><![CDATA[在此教程中，我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 经常会犯的错误：背景被裁减 查看示例文件，在小于1280分辨率时，是没有问题的。但是如果你的显示器的分辨率大于1280像素，你会看到背景图片以外的部分。 简单的解决问题的方法：将图片]]></description>
    <pubDate>2009-06-05</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS布局常见问题解决办法]]></title>
    <link>http://www.xker.com/page/e2009/0526/72247.html</link>
    <description><![CDATA[一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、兼容各个浏览须注意，默认设置行高可能是杀手； 五、独立清除浮动须铭记，行高设无，高设]]></description>
    <pubDate>2009-05-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[根据文件类型显示不同图标CSS代码]]></title>
    <link>http://www.xker.com/page/e2009/0524/72229.html</link>
    <description><![CDATA[有时候我们的博客上经常会提供一些资源供别人下载，但是像是PJBlog中，所有的下载链接都只用一个图标来表示。有了新CSS3的属性选择符这项新技术后我们就可以根据下载文件的不同类型显示不同的图标了。 这里我们要用到的是 E [att$=value]{} 它的意思用以选取所有以value]]></description>
    <pubDate>2009-05-24</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[35个非常漂亮的韩国网页设计]]></title>
    <link>http://www.xker.com/page/e2009/0520/72159.html</link>
    <description><![CDATA[韩国的网页设计很唯美，下面精选了35个漂亮的酷站，希望能激发网页设计师的灵感，制作出更多更美的网页。 副标题 副标题 副标题 副标题]]></description>
    <pubDate>2009-05-20</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[漂亮的列表设计酷站欣赏]]></title>
    <link>http://www.xker.com/page/e2009/0520/72158.html</link>
    <description><![CDATA[当我们提到漂亮的网页设计的时候，一个很容易被忽视的网站元素就是分类列表。所以我想通过这篇文章来总结一些我看到过的很棒的网站分类列表设计，分享给大家。也希望大家通过这篇文章重视分类列表的设计。 希望大家在欣赏这些原创的设计的同时，仔细观察它们的细节，理]]></description>
    <pubDate>2009-05-20</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[二十五个优秀CSS酷站欣赏]]></title>
    <link>http://www.xker.com/page/e2009/0520/72157.html</link>
    <description><![CDATA[在进行Web设计时，在无法把握状况时，先去借鉴一下优秀的创意作品，是非常不错的方法。所以，整理发现优秀的 CSS 创意网站是平常就应该注意的。这里，为了节约你搜集发现的时间，整理罗列出来25个优秀的 CSS 酷站收藏网站，网站更新都很正常，每天都能让你看到不同特色]]></description>
    <pubDate>2009-05-20</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[层叠加的五条叠加法则]]></title>
    <link>http://www.xker.com/page/e2009/0518/72144.html</link>
    <description><![CDATA[[参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] [ 操作系统 ：Windows] 貌似很多同学对为什么这个div在上层，那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上吐下泻、恶心失眠、郁郁而终，致使不敢随意使用层的叠加。但层的叠]]></description>
    <pubDate>2009-05-18</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS文件中的图片Referer判断差异]]></title>
    <link>http://www.xker.com/page/e2009/0516/72136.html</link>
    <description><![CDATA[通常，我们的页面都是引用了很多样式文件，同时样式文件给我们的页面设置了很多背景图片。但是这里有个小细节容易忽视。图片的referer来源处理存在浏览器的差异。 通常，我们的样式和图片的结构如下 经过测试ie和safari以及opera，a.CSS样式中的b.jpg背景图片的样式ref]]></description>
    <pubDate>2009-05-16</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[web标准 CSS Sprites详解]]></title>
    <link>http://www.xker.com/page/e2009/0507/71967.html</link>
    <description><![CDATA[CSS Sprites技术不新鲜，早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传，后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之间竞相传阅，其中第一条规则Make Fewer HTTP Requests就提]]></description>
    <pubDate>2009-05-07</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS Sprites加快网页加载速度实践技巧]]></title>
    <link>http://www.xker.com/page/e2009/0507/71966.html</link>
    <description><![CDATA[众所周知，减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites将多个图片整合到一个图片中，然后再用CSS来定位。 下面是一张样图： 本文的目的并不是讲CSS Sprite如何让一个网站更快，而是说一些使用CSS S]]></description>
    <pubDate>2009-05-07</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>Mozilla</comments>
</item>
<item>
    <title><![CDATA[美化你空间的文字：20种CSS字体镜像特效]]></title>
    <link>http://www.xker.com/page/e2009/0427/71653.html</link>
    <description><![CDATA[在网上看到一些文字镜像特效，忽然觉得自己空间的文字过于单调，我倒不急于优化，先整理一些CSS文字镜像特效，因为原来的没有CSS代码，为了方便大家用到自己的空间主页，我将其CSS代码整理出来。现在大家就可以将其添加到自己的CSS中美化空间了。 效果如下： 20种CSS字]]></description>
    <pubDate>2009-04-27</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS教程：box-sizing属性的一些解释]]></title>
    <link>http://www.xker.com/page/e2009/0427/71652.html</link>
    <description><![CDATA[说到 IE 的 bug，一个臭名昭著的例子是它对于盒模型的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了盒模型 bug？ 同时，由]]></description>
    <pubDate>2009-04-27</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS基础：@import与link的具体区别]]></title>
    <link>http://www.xker.com/page/e2009/0416/71359.html</link>
    <description><![CDATA[一般在网页中引用外部CSS有两种方式，即:@import与link。常有人说要使用link来引入CSS更好,本文就简单讲解一下其中的区别。 link： link就是把外部CSS与网页连接起来,具体形式 @import： import文字上与link的区别就是它可以把在一个CSS文件中引入其它几个CSS文件,具体]]></description>
    <pubDate>2009-04-16</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[多种方法使你快速定位到复杂的CSS BUG]]></title>
    <link>http://www.xker.com/page/e2009/0408/71053.html</link>
    <description><![CDATA[相信大家对于常见CSS BUG 的处理已经相对比较熟悉，但时常我们也会碰到复杂的 CSS BUG 问题。所谓复杂实质是指触发的条件很复杂，而BUG 也并非指一定是浏览器的BUG 。对于此类问题，我们首先要解决的是如何定位到问题，只有快速的定位到问题，才能更好的解决问题。 1、]]></description>
    <pubDate>2009-04-08</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS创建一个鼠标感应换图片的按钮]]></title>
    <link>http://www.xker.com/page/e2009/0326/70610.html</link>
    <description><![CDATA[本教程将教你如何使用CSS创造一个漂亮的动态按钮 ，所谓动态，就是指与默认状态和聚焦状态时背景按钮图片不一样的。接下来，就让我们看一下这是怎么完成的: 因为希望按钮是灵活的，所以将要作出的背景图像，可以文本自动改变大]]></description>
    <pubDate>2009-03-26</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS基础：八个困扰新手的网页布局问题]]></title>
    <link>http://www.xker.com/page/e2009/0324/70478.html</link>
    <description><![CDATA[CSS网页布局，说它难，其实很简单;说它容易，往往有很多问题困扰着新手。今天，就为大家介绍八个相关的小技巧，相信这些小技巧能事半功倍的给大家以帮助。 一、若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工]]></description>
    <pubDate>2009-03-24</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS基础：在导航条上标示当前所在的频道]]></title>
    <link>http://www.xker.com/page/e2009/0323/70447.html</link>
    <description><![CDATA[虽然利用CSS在导航条上标示当前所在频道的技术，已经有很长时间了。但由于被使用的频率很高，因此在这里写一个简单的示例来讲解一下。 其实原理非常简单： 1) 按照不同的频道(栏目)，分别为body定义id。例如： 2) 导航条的相应栏目，也定义id或者class： 3) 当前位置通]]></description>
    <pubDate>2009-03-23</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS高级文字排版的实例]]></title>
    <link>http://www.xker.com/page/e2009/0323/70422.html</link>
    <description><![CDATA[CSS功能的强大已经展现很多，而有关CSS基本的排版控制虽然已有详细的使用说明和参考教程，但还有许多丰富的CSS排版能力，是很少能查到的。今天的这些实例，为您提供了很多想象和拓展的空间。 h3.reflect_1 { color: #333333; border-bottom: 6px solid #DDDDDD; line-h]]></description>
    <pubDate>2009-03-23</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>52CSS.com</comments>
</item>
<item>
    <title><![CDATA[10个CSS简写技巧让你永远受用]]></title>
    <link>http://www.xker.com/page/e2009/0323/70421.html</link>
    <description><![CDATA[CSS简写 就是指将多行的CSS属性声明化成一行，又称为 CSS 代码优化 。CSS简写的最大好处就是能够显著减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的团队其他]]></description>
    <pubDate>2009-03-23</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS基础：简述网页布局中外边距叠加问题]]></title>
    <link>http://www.xker.com/page/e2009/0319/70281.html</link>
    <description><![CDATA[在进行CSS网页布局时会遇到许多奇怪的问题，这些问题可能是浏览器的bug，也可能是对CSS属性不够了解所造成。本文就探讨一下CSS外边距叠加的问题。 边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度]]></description>
    <pubDate>2009-03-19</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS教程：网页版面设计无效的10个原因]]></title>
    <link>http://www.xker.com/page/e2009/0312/70075.html</link>
    <description><![CDATA[ W3C validation有时难以操作，但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告，说明你的XHTML尚未完善，可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员，本文就告诉你如何解决。在本文开始前介绍一些使用W3C验证]]></description>
    <pubDate>2009-03-12</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>网页教学网</comments>
</item>
<item>
    <title><![CDATA[CSS分栏布局的方法：绝对定位和浮动]]></title>
    <link>http://www.xker.com/page/e2009/0311/70059.html</link>
    <description><![CDATA[ 在CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项（absolute 、static、relative和fixed）中的绝对定位（absolute positioning），它可以将文档中的某个元素从其原本位置上移除，并重新定位在期望的任何地点之上。第二种则是使用CSS中的浮动（flo]]></description>
    <pubDate>2009-03-11</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[CSS中元素水平居中显示的方法]]></title>
    <link>http://www.xker.com/page/e2009/0310/70024.html</link>
    <description><![CDATA[ 用CSS让元素居中显示并不是件很简单的事情。同样的CSS居中设置在不同浏览器中的表现也各有千秋。本文就介绍了在CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外边距实现居中 CSS中首选的让元素水平居中的方法就是使用margin属性mdash;将元素的m]]></description>
    <pubDate>2009-03-10</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[模块化 CSS 让你更加有效地去管理 CSS]]></title>
    <link>http://www.xker.com/page/e2009/0307/69955.html</link>
    <description><![CDATA[nbsp;在刚学习CSS初期，就接触了ldquo;模块化CSSrdquo;这样的概念，不过，一直没有很好的理解。说起来，理由很简单：因为几乎所有的代码都是为了博客的设计，而像博客这么小的架构，CSS文件根本不用多，因为本身代码量就小，使用不同表现形式的页面模板并不多，]]></description>
    <pubDate>2009-03-07</pubDate>
    <category>Css教程</category>
    <author>sofish</author>
    <comments>幸福收藏夹</comments>
</item>
<item>
    <title><![CDATA[Web设计新体验 CSS3使用的五个技巧]]></title>
    <link>http://www.xker.com/page/e2009/0224/69589.html</link>
    <description><![CDATA[ CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧，可以帮你实现未来的Web。目前这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉]]></description>
    <pubDate>2009-02-24</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>转载</comments>
</item>
<item>
    <title><![CDATA[CSS改变选择网页文字的背景色技巧]]></title>
    <link>http://www.xker.com/page/e2009/0217/69302.html</link>
    <description><![CDATA[ 最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？ 当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需]]></description>
    <pubDate>2009-02-17</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>未知</comments>
</item>
<item>
    <title><![CDATA[DIV+CSS网页布局及网站设计常犯错误]]></title>
    <link>http://www.xker.com/page/e2009/0214/69248.html</link>
    <description><![CDATA[1、导航菜单使用图片、FLASH 导航菜单使用图片、FLASH当然比纯文本来得好看一些，但是搜索引擎并不认识你的图片和FLASH。如果你非要使用漂亮的图片来做导航的话，可以使用背景替换的方法（我会在下次谈到这一个方法的）；如果你要使用FLASH做导航，那我就没你办法]]></description>
    <pubDate>2009-02-14</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>W3CBBS</comments>
</item>
<item>
    <title><![CDATA[CSS元素层叠级别及z-index]]></title>
    <link>http://www.xker.com/page/e2009/0213/69185.html</link>
    <description><![CDATA[声明定位元素：position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。平台：win/IE win/FFz-index:用来确定定位元素在垂直于显示屏方向（以下称为Z轴）上的层叠顺序值： auto | 整数 | inherit默认： auto适用于： 定位元]]></description>
    <pubDate>2009-02-13</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[div+css表单布局的五个小技巧]]></title>
    <link>http://www.xker.com/page/e2009/0212/69169.html</link>
    <description><![CDATA[ div css表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。 1、表单文本输入的移动选择： 在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver=this.focus() onFocus]]></description>
    <pubDate>2009-02-12</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网整理</comments>
</item>
<item>
    <title><![CDATA[字数输入限制百分比显示CSS+JS]]></title>
    <link>http://www.xker.com/page/e2009/0212/69168.html</link>
    <description><![CDATA[lt;style type=quot;text/cssquot;gt; .progress{ width: 1px; height: 14px; color: white; font-size: 12px; overflow: hidden; background-color: navy; padding-left: 5px; } lt;/stylegt; lt;script type=quot;text/JavaScriptquot;gt;]]></description>
    <pubDate>2009-02-12</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS控制H1不换行]]></title>
    <link>http://www.xker.com/page/e2009/0212/69167.html</link>
    <description><![CDATA[在网页优化中，经常要使用H1标签对关键字进行优化，可是如果是一行文字中的某个词加上了H1标记，就会换行。可以使用下面的方法，H标签就不会强制换行了。lt;style type=quot;text/cssquot;gt;lt;!--h1 {font-size: 12px;color: #09f; display : inline}]]></description>
    <pubDate>2009-02-12</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[网页制作:用div+css模拟表格对角线]]></title>
    <link>http://www.xker.com/page/e2009/0205/68963.html</link>
    <description><![CDATA[有时在插入文档时，要用到表格对角线，常见的作法是用图片的方式来处理，还有就是用vml来画对角线，能不能用html+css方式来实现呢？答案是肯定的，下面我们来摸拟一个表格对角线。 用边框线来摸拟斜线，我们知道，如果将一个DIV的边框线设置得足够宽并定义了不同的颜]]></description>
    <pubDate>2009-02-05</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[CSS编辑器：TopStylePro使用技巧]]></title>
    <link>http://www.xker.com/page/e2009/0205/68962.html</link>
    <description><![CDATA[ 大家在编写CSS的时候可能认为记事本并不是最棒的，有什么css编辑工具可以提高我们编码的效率呢？ TopStyle(点击下载：TopStyle V3.5 Beta 4)是我一直用的CSS编辑工具，最开始就是瞎用也没有仔细研究过，不过后来把里面的功能仔细看了看发现它的功能真是太强大了]]></description>
    <pubDate>2009-02-05</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[IE与FF不兼容的网页布局CSS问题]]></title>
    <link>http://www.xker.com/page/e2009/0120/68684.html</link>
    <description><![CDATA[ CSS网页布局中往往会出现很多IE与FF不兼容问题，下面整理了一些常见的可能及其解决的办法！1、用!important解决IE和Mozilla的布局差别 !important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权，最重要的一点是：IE一直都不支持这个语法，而其他]]></description>
    <pubDate>2009-01-20</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[如何查找页面中的CSS bug]]></title>
    <link>http://www.xker.com/page/e2009/0118/68577.html</link>
    <description><![CDATA[相信大家对于常见 CSS BUG 的处理已经相对比较熟悉，例如：IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题，所谓ldquo;复杂rdquo;实质是指触发的条件很复杂，而ldquo;BUGrdquo; 也并非指一定是浏览器的 BUG 。]]></description>
    <pubDate>2009-01-18</pubDate>
    <category>Css教程</category>
    <author>blan</author>
    <comments>蓝色理想</comments>
</item>
<item>
    <title><![CDATA[CSS选择符命名的原则]]></title>
    <link>http://www.xker.com/page/e2009/0115/68357.html</link>
    <description><![CDATA[ 坦率的说，我写CSS时，有至少1/4的时间是在纠结选择符该如何命名。随意的命名，会让你陷入尴尬。 举个例子，我们需要在一段文字里将某些词标红。所以为此建了一个.red { color: red; }。结果产品经理觉得，红色太刺眼了，改成橘色比较好吧。这下头大啦，难道]]></description>
    <pubDate>2009-01-15</pubDate>
    <category>Css教程</category>
    <author>小麦</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[css类库收藏]]></title>
    <link>http://www.xker.com/page/e2009/0114/68338.html</link>
    <description><![CDATA[CSS代码 /*初始化样式*/ body{font-family:quot;宋体quot;, Arial,Verdana, sans-serif, Helvetica; font-size:12px; color:#010000;} dl,dd,ul{list-style:none;} a img{border:0;} div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{padding:0;margin:0;bord]]></description>
    <pubDate>2009-01-14</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>新客网</comments>
</item>
<item>
    <title><![CDATA[浅淡!important对CSS的重要性]]></title>
    <link>http://www.xker.com/page/e2009/0104/67454.html</link>
    <description><![CDATA[ CSS中的!important是一个非常重要的属性，有时候发挥着非常大的作用，这方面的知识并不是非常多，我们看下面的文章，对它作比较感观的了解。 前几天写一些CSS代码的时候又难为我了，因为那个该死的IE6对CSS的支持是如此的差劲，以前我还没注意过，因为做的]]></description>
    <pubDate>2009-01-04</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>52css</comments>
</item>
<item>
    <title><![CDATA[12条实用的css技巧]]></title>
    <link>http://www.xker.com/page/e2008/1230/67243.html</link>
    <description><![CDATA[1：不使用图片的圆角效果 效果图mdash;mdash; 不使用图片的圆角效果lt;div id=rdquo;containerrdquo;gt; lt;b class=rdquo;rtoprdquo;gt; lt;b class=rdquo;r1Prime;gt;lt;/bgt; lt;b class=rdquo;r2Prime;gt;lt;/bgt; lt;b class=rdquo]]></description>
    <pubDate>2008-12-30</pubDate>
    <category>Css教程</category>
    <author>秩名</author>
    <comments>博客园</comments>
</item>

</channel>
</rss>

