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

CSS Tricks精选出的一些精灵图片的相关文章

• 
  一些顶级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网页布局的一些常见规则

  标签：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设计的一些技巧

  标签：Web开发

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

  whntgz

  51
• 
  帮我写出更好的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
• 
  CSS BUG问题解决的一些经验

  标签：Web开发

  CSS BUG在webjx.com介绍过也很多，也一直困扰着大家，在CSS布局中会常遇到这样的问题。相信大家对于常见 CSS BUG 的处理已经相对比较熟悉，例如：IE6 Three Pixel Gap（3px bug）、IE5/6 Doubled Float-Margin Bug（双倍边距的bug） 等等。但时常我们也会碰到复杂的 CSS BUG 问题，所谓复杂实质是指触发的条件很复杂，而...[ 查看全文 ]

  lf0427

  01
• 
  关于学习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解...[ 查看全文 ]

  qwe964065647

  31
• 
  CSS教程之内容设置的一些语法

  标签：Web开发

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

  逸风轻尘

  31
• 
  写给喜欢用DW编写CSS人的一些建议

  标签：Web开发

  在DreamWeaver中编写CSS,这种编写习惯并不提倡,不过由于"可视化"和操作简便,使用的朋友依然很多，今天罗列一些“最佳习惯”，希望对这些朋友有所帮助。 CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求，Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。有了这些新的特性，你可以为未来的更新作好计划，开发与W3C标准更加兼容的站点。本文讨论在DW MX中使用CSS以...[ 查看全文 ]

  范特西的最爱

  111