使用CSS Sprite的一些最佳实践

使用CSS Sprite的一些最佳实践的相关文章

• 
  一些顶级CSS技巧

  标签：Web开发

  Snook.Ca最近给所有的CSSer提出了一些写CSS时候的“顶级技巧”。 字体大小使用px 在一行内声明CSS对比下面两个： 以下是引用片段： h2{font-size:18px;border:1pxsolidblue;color:#000;background-color:#FFF;} h2{ font-size:18px; border:1pxsolidblue; color:#000; background-color:#FFF; }   第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找...[ 查看全文 ]

  重康是我的名字

  11
• 
  css学习的一些心得

  标签：Web开发

  其实去年的时候，我就有过接触css了都是跟着一些网页教程学做的无非是用来控制一下link,vlink之类的那个时候觉得css好像也不过如此，对于层什么那个时候很不屑于顾，因为感觉层定位起来不如表格方便今年十月份的时候，正式开始学习css才发现一些网站不用表格，仍然可以做到非常的好除此之外css还有着对于大流量网站的速度优势到现在为止，断断续续的学习了两个月了，其间做了一些页面今天就讲讲自己的感受第...[ 查看全文 ]

  jeg太费劲了

  31
• 
  一些有用的CSS资源

  标签：Web开发

  CSS官方站点 CSS Recommendations http://www.w3.org/TR/REC_CSS1 http://www.w3.org/TR/REC_CSS2 CSS在线中心 w3c CSS Activity page http://www.w3.org/style/css 指向css的规范，思路，以及css的相关站点，有好多有用资料 CSS错误检测站点 w3c CSS Test Suite http://www.w3.org/style/css/test 提供用于测试css实现的相当完整的页面组 w3c CSS Validator http://jigsaw.w3.org/css-validator...[ 查看全文 ]

  龙门小亮

  01
• 
  css的一些基础的东西

  标签：Web开发

  1. css导入：    第一种是把CSS文档放到head文档中： style type=“text/css” …… /style 其中style中的“type=‘text/css’”的意思是style中的代码是定义样式表单的。   第二种方法是把CSS样式表写在HTML的行内，比如下面的代码： p style=“font-size：14pt；color：blue”蓝色14号文字/p 这是采用Style=“ ”的格式把样式写在html中的任意行内，这样...[ 查看全文 ]

  占日天

  21
• 
  关于CSS的一些基础应用

  标签：Web开发

  本文总结网页制作中关于CSS样式表应用的一些基础技巧，希望大家掌握！谢谢支持网页教学网。 一、关于注释 在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用/* 注释内容 */的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的/***************/之类的注释是无意义的，没有必要填充大量无意义内容作为分隔。带有注...[ 查看全文 ]

  房迷的

  31
• 
  历数CSS缩写的一些好处

  标签：Web开发

  Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大...[ 查看全文 ]

  爱情睡死了ok

  51
• 
  使用CSS sprite的好处和坏处

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  无处不在的 CSS sptites - 为数不多的几个可以直接跳过流行这个过程，而可以马上并且牢牢地跻身于最佳 CSS 实践之中的几个技术之一。虽然它真正流行是在 A List Apart 解释并认可这个技术之后，但是早在 2003 年 7 月份，Peter Stanicek 就已经开始谈论它了。 目前大多数的开发人员对这个技术都有相当地掌握，也有很多关于它的教程和文章。几乎所有的文章中都宣称设计师和开发人员都应该使用 CSS sprite 来...[ 查看全文 ]

  音乐music90

  661
• 
  CSS网页布局的一些常见规则

  标签：Web开发

  怎样做CSS布局呢？ CSS文件的链接方式 1、附加链接：外部CSS文件 2、导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中 CSS规则定义有三种 1、类比如.RedText、.BlueText和.BigText等等 2、标签针对原有HTML标签做的重新CSS定义 3、高级伪类、定义了ID的元素，以及综合性定义 CSS规则的应用 1、只有类样式才需要应用，class=xxxx。任何元素都可以应用...[ 查看全文 ]

  丶小黑g

  21
• 
  网页文字应用CSS的一些技巧

  标签：Web开发

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

  懂事儿咖

  11
• 
  学习CSS布局网页的一些实例

  标签：Web开发

  CSS布局中,一个重要的标签 DIV ,DIV是XHTML所支持的标签,DIV是一个容器,所有的XHTML标签对象都可以称为是一个容器.如 divcontent/div,h1titles/h1.... div代码的书写格式: div id="id 名称"[...]/div div class="class名称"[...]/div 注:同一个名称的id值,在当前的XHTML页面中,只日须使用一次,class名称可以重复使用. 1.一列布局 一列固定宽度 XHTML CODE： div id="la...[ 查看全文 ]

  隆和门窗

  21
• 
  CSS教程:内容设置的一些语法

  标签：Web开发

  在进行DivCSS布局时，需要对文本进行控制，今天系统的向大家介绍一下。CSS中控制换行的四种属性。 一、white-space 可以实现HTML中PRE标签的效果，以及单元格的noWrap效果。 语法： white-space : normal pre nowrap 取值： normal： 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre： 换行和其他空白字符都将受到保护...[ 查看全文 ]

  北京大好河山

  21
• 
  初学CSS和标准建站的一些CSS常用技巧

  标签：Web开发

  初学CSS和标准建站的一些CSS常用技巧 /*无所不能的CSS的*通配选择符*/ * { margin:0; padding:0;} /*此定义解释:margin:0;padding:0;在CSS最上面先用 * 一次性统一制定，可以避开CSS的"盒模型"考虑问猓迸龅叫枰乇？ 指定margin或padding值的时候在分别另外指定，后面的值将覆盖前面的值。*/ /*CSS中容易被忽视的Outlines 轮廓属性*/ 问题：为什么加了标签的全部自动加上了蓝色的边缘？因为每个默认的...[ 查看全文 ]

  mei_li9

  11
• 
  Web开发期待的CSS的一些功能

  标签：Web开发

  著名的 Web 设计网站 CSS-tricks.com 最近组织了一次调查，请15名顶尖的 Web 设计师对 CSS 提出自己的期望，15名设计师包括 Jon Hicks,  Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。 调查结果显示，最被期待的 CSS 功能是 CSS 圆角，其它期待的功能包括跨浏览器渐变与阴影，类似 Photoshop 的层融合效果，更一致的声明简化语法以及对条件判断的本地支持...[ 查看全文 ]

  世纪启亚9

  21
• 
  CSS教程:导致一些问题的overflow

  标签：Web开发

  overflow有问题吗？没问题。那为什么说要慎用呢？因为有时会导致一些问题。。。 关于overflow:auto的，很多人贪他书写方便，直接用来清除浮动。但是Firefox使用overflow:auto会产生focus，引用网友fireyy的评论 我想这是FF浏览器的一个可用性和亲和力（usability/accessibility）的设定，当设定了overflow:auto或者 overflow:scroll的元素不能完全显示内容的时候（出现滚动条），针对于键盘使用者，就可...[ 查看全文 ]

  轮回荡涤

  41
• 
  关于学习DIV CSS的一些精妙问答

  标签：Web开发

  1.超链接访问过后hover样式就不出现的问题？ 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: style type="text/css" body {margin:0} div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } /style 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline 3.为什么FF下...[ 查看全文 ]

  海_羊

  01
• 
  CSS Tricks精选出的一些精灵图片

  标签：Web开发

  CSS Tricks 前段时间搞了一个名为的比赛，很多网友贴出了很多很棒的CSS精灵图片。这里是CSS Tricks精选出来的一些精灵图片。从中我们可以膜拜一下这些牛站们对CSS中用到的图片的处理方法。 这些图片中的一些根据我们网站的需要可能有些压缩。但是本文的意思并不是让大家模仿他们，只是希望它们能给你一些灵感的火花！ PS:现在很多人开始称呼CSS sprite为CSS雪碧，我认为这是个很好的叫法，大家认为呢...[ 查看全文 ]

  等待香水的味道

  361
• 
  网页文字应用CSS设计的一些技巧

  标签：Web开发

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

  whntgz

  51
• 
  Web 前端优化最佳实践之 CSS 篇

  标签：Web开发

  Web 前端优化最佳实践第四部分面向 CSS。目前共计有 6 条实践规则。另请参见 Mozilla 开发者中心的文章：Writing Efficient CSS 1. 把 CSS 放到代码页上端 (Put Stylesheets at the Top) 官方的解释我觉得多少有点语焉不详。这一条其实和用户访问期望有关。CSS 放到最顶部，浏览器能够有针对性的对 HTML 页面从顶到下进行解析和渲染。没有人喜欢等待，而浏览器已经考虑到了这一点。 2. 避...[ 查看全文 ]

  奇葩TMD朵朵开

  41
• 
  Delphi IDE使用的一些主要技巧

  标签：编程语言 网络编程

  1、查找和替换。 （1）ctrl+F[1]：选择页“Find”，进行查找，则根据查找方向继续查找。选择页“Find in Files”，则进行该工程内的全文查找。 （2）ctrl+R：替换。 （3）设置书签和定位：设置书签：ctrl+shift+数字[2] 定位书签：ctrl+数字 2、窗体编辑。 （1）F12：在窗体编辑和代码编辑间进行切换。 （2）F11：调用窗体组件属性/事件浏览设置器...[ 查看全文 ]

  核桃歌

  401
• 
  帮我写出更好的CSS代码的一些技巧

  标签：Web开发

  1. Reset 真的， 要一直使用一个reset ，无论是使用Eric Meyer Reset、YUI Reset、或者你自己的定制的reset，一定要使用。 这可以简单到仅仅将所有元素中的margin和padding属性去掉: html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } Eric Meyer和YUI的Resets样式是很棒的，但对我来说，它们走的...[ 查看全文 ]

  最爱艾美丽

  01