0702css cursor鼠标手型介绍阅读(7834)条2011/7/2 9:32:32

css  cursor鼠标手型比较全的CSS cursor(鼠标样式)十字准心 cursor:crosshair;手   cursor:pointer; cursor:hand;写两个是为了照顾IE5，它只认hand。等待/沙漏 cursor:wait;帮助   cursor:help;无法释放 cursor:no-drop;文字/编辑 cursor:text;可移动对象 cursor:move;向上改变大小 cursor:n-resize;向下改变大小 cursor:s-resize;向右改变大小 cursor:e-resize;向左改变大小 cursor:w-resize;向...阅读全文

Taget：css cursor 鼠标手型 比较全 

0702CSS Crib Sheet - css蝉意花园结语阅读(7374)条2011/7/2 9:29:58

CSS Crib SheetIt's clear to anyone who has tried building a site or two with CSS that browser support still isn't perfect. In fact, depending on the complexity of your work, you may end up banging your head on your desk and swearing off Web design forever, for the sake of a nice, simple job like city planning or nuclear physics.In that vein, it's important to realize that you're no...阅读全文

Taget：CSS validate advanced 

0702用于打印的页面设计的CSS阅读(6810)条2011/7/2 9:25:22

在网站的一些应用中需要提供用户直接打印页面的功能，最明显的就是电子优惠券，商家根据网站提供的模板输入内容，然后生成优惠券页面，用户打印这个页面即是优惠券。当然最优的做法是根据这个页面生成一个图片文件，用户下载这个图片再去打印，打印的效果就不会受浏览器的设置而受影响打印出来的效果。但如果由于一些原因，为了快速或者节约成本，不去将页面存为图片文件的操作，那么就只有直接将HTML页面直接打印下来，这样就需要在对页面的设...阅读全文

Taget：media 打印 HTML 

0702找了一些对CSS3开发人员非常有用的工具阅读(7158)条2011/7/2 9:17:47

一般而言，CSS是非常简单的。但是当浏览器开发商开始遵循CSS3特性，事情就变得有点复杂了。不困难，但是复杂。这主要有两个原因：第一，所有CSS3新特性（如 transition、gradient、transform 等）都不简单；第二，我们不得不使用开发商特定的扩展。　　在您建设自己的CSS3的开发环境前，你最好的朋友还是CSS3生成器、开发手册、参考指南以及一些基于JavaScript的解决方案，这正好是这篇文章所要讲述的。这篇文章将列出一些真正有用的工具，它们能帮助你在当...阅读全文

Taget：css3 开发工具 生成器 

02128个非常有用的在线工具（对于Web设计和开发人员 ）阅读(7710)条2011/2/12 9:23:39

在工作中借助一些非常好用的工具可以让你专注于更重要的事情，进而提高工作效率。本文收集了一些设计和开发相关的在线工具，分享给大家，希望对你有帮助。ProCSSorProCSSor是一个很不错的CSS代码美化工具，它可以帮助你很轻松的把代码转换成很美观。jsFiddleJsFiddle有多种用途，其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段，而且代码可以分享，还可以嵌入到你的博客中等等。Frame BoxFrame Box是一个非常好用的用于在线分享线框...阅读全文

Taget：在线工具 ProCSSor jsFiddle  CSS3 Generator 

1222垂直居中及容器内图片垂直居中的CSS解决方法阅读(9244)条2010/12/22 12:05:24

Div与CSS布局，最让人头疼的就是容器内的东西如何垂直居中的问题，我在做站时也遇到，查了一下资料，总结出以下居中办法，兼容IE与及 Firefox！方法一<style type="text/css"><!-- * {margin:0;padding:0}div { width:500px; height:500px; border:1px solid #666; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle}div p { position:static; +position...阅读全文

Taget：css 图片 距中 

1209DIV+CSS布局的好处和意义阅读(6886)条2010/12/9 10:28:33

业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。DIV本身就是容器性质的,你不但可以内嵌t...阅读全文

Taget：div css 布局 好处 意义 

1201CSS进阶教程：CSS中内联元素与块级元素阅读(6732)条2010/12/1 15:41:25

p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间）　　《CSS权威指南》中文中：任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式，这里的“行布局”的意思就是说其表现形式...阅读全文

Taget：CSS进阶教程 内联元素 块级元素 

1201牛人也得看的15个CSS常识阅读(6807)条2010/12/1 15:31:16

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 3、慎用 * 通配符。所谓通配符，就是将 CSS&n...阅读全文

Taget：css常识 css 

1201CSS实例代码：万能float闭合（清除浮动）阅读(8546)条2010/12/1 15:20:37

个人比较喜欢这种清除浮动的写法。因为不用再添加一个标签来写入样式直接写在大容器里面就可以了。但是有前提是里面的子元素要是浮动的。如果有的浮动有的不浮动建议还是在最后面添加标签来添加清楚样式。一、<div class="main clearfix"><div class="fl">左边</div><div class="fr">右边</div></div>二、<div class="main"><div class="fl&...阅读全文

Taget：清除浮动 css clearfix clear 

1201CSS新手必读：XHTML验证和CSS验证阅读(6998)条2010/12/1 15:09:57

相信有很多新手都在找 文档(xhtml)跟样式(css)验证的网站，如何验证文件。这是基础中的基础。XHTML验证和CSS验证是我们开发编码时常用的工具。验证我们编写的代码是否符合XHTML和CSS标准，并且可以使用它查出错误的地方加以修正。下面给出地址，以便朋友们需要时方便使用。 XHTML验证：http://validator.w3.org/CSS验证：http://jigsaw.w3.org/css-validator/阅读全文

Taget：xhtml css 验证 w3c 

0810CSS中块元素和内联元素的区别阅读(7479)条2010/8/10 18:00:00

这里向大家描述一下CSS中块元素和内联元素的区别，当加入了CSS控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。CSS块元素(blockelement)CSS块元素一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳CSS内联元素和其他CSS块元素,常见块元素是段落标签'P"。“form"这个块元素比较非凡，它只能用来容纳...阅读全文

Taget：css 块元素 内联元素