css cursor鼠标手型介绍

发布时间：2011/7/2 9:32:32 阅读(8072)条评论(0)条

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;向上右改变大小 cursor:ne-resize;向上左改变大小 cursor:nw-resize;向下右改变大小 cur...未完，继续阅读→
关键字：css cursor 鼠标手型 比较全 

CSS Crib Sheet - css蝉意花园结语

发布时间：2011/7/2 9:29:58 阅读(7599)条评论(0)条

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 not alone. A whole community is working out the problems with standards-based desi...未完，继续阅读→
关键字：CSS validate advanced 

用于打印的页面设计的CSS

发布时间：2011/7/2 9:25:22 阅读(7026)条评论(2)条

在网站的一些应用中需要提供用户直接打印页面的功能，最明显的就是电子优惠券，商家根据网站提供的模板输入内容，然后生成优惠券页面，用户打印这个页面即是优惠券。当然最优的做法是根据这个页面生成一个图片文件，用户下载这个图片再去打印，打印的效果就不会受浏览器的设置而受影响打印出来的效果。但如果由于一些原因，为了快速或者节约成本，不去将页面存为图片文件的操作，那么就只有直接将HTML页面直接打印下来，这样就需要在对页面的设计中有一些额外的要求，这里提出两个地方需要注意：1.对style标签的属性设置：《style typ...未完，继续阅读→
关键字：media 打印 HTML 

找了一些对CSS3开发人员非常有用的工具

发布时间：2011/7/2 9:17:47 阅读(7429)条评论(0)条

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

8个非常有用的在线工具（对于Web设计和开发人员 ）

发布时间：2011/2/12 9:23:39 阅读(7977)条评论(0)条

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

垂直居中及容器内图片垂直居中的CSS解决方法

发布时间：2010/12/22 12:05:24 阅读(9486)条评论(0)条

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:absolute; top:50% }img { position:static; +position:relative; top:-50%;lef...未完，继续阅读→
关键字：css 图片 距中 

DIV+CSS布局的好处和意义

发布时间：2010/12/9 10:28:33 阅读(7104)条评论(0)条

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

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

发布时间：2010/12/1 15:41:25 阅读(6935)条评论(0)条

p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间）　　《CSS权威指南》中文中：任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。这些知识在52CSS.com上有较多的文章。比如，我们设定一个内联元素bord...未完，继续阅读→
关键字：CSS进阶教程 内联元素 块级元素 

牛人也得看的15个CSS常识

发布时间：2010/12/1 15:31:16 阅读(6999)条评论(0)条

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 3、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源...未完，继续阅读→
关键字：css常识 css 

CSS实例代码：万能float闭合（清除浮动）

发布时间：2010/12/1 15:20:37 阅读(8847)条评论(0)条

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

CSS新手必读：XHTML验证和CSS验证

发布时间：2010/12/1 15:09:57 阅读(7225)条评论(0)条

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

CSS中块元素和内联元素的区别

发布时间：2010/8/10 18:00:00 阅读(7742)条评论(0)条

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