Jul
2009
31
13:34
CSS特点及加入网页的四种方法,今天给初学者介绍一下CSS特点及如何在网页中使用已经设置的CSS。CSSCascadingStylesheets，层叠样式表是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传..
Jul
2009
31
13:34
CSS解决图片下面有空隙的简单方法,nbsp;nbsp;nbsp;nbsp;在用CSS制作网页过程中可能会碰到图片下面有空隙的问题，本文给出了最为简单的解决方法。解决方法：在图片的css中加vertical-align:bottom;效果nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;演示代码：nbsp;lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN..
Jul
2009
31
13:34
FirefoxCSS私有属性备忘记录,有时..有些东西Firefox总是支持不好.只能找私有属性来帮忙.例子还没做,因为太多太不了解了,等理解得差不多时搞成本电子书.虽然这些不推荐使用,可是万不得以的时候总得有个解决的方法..以下是引用片段：At-rules@-moz-documenturlhttp://www.w3.org/,url-prefixhttp://w..
Jul
2009
31
13:34
CSS条状图表形式的实现方法,CSS条状图表是我们在网页设计中常常会遇到的一种形式。条状图表可以将数量，以条状图形的形式直观的表示出来。CSS基本条状图表的实现方法是什么?我们看下面的实例介绍：以下是引用片段：lt;divclass=graphgt;nbsp;nbsp;nbsp;lt;strongclass=barstyle=width:24%;gt;24%l..
Jul
2009
31
13:34
巧用CSS的Border属性,制作过网页的人都有为画线而烦恼的经历，本文介绍的小技巧也许对你有所帮助。我们先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊..
Jul
2009
31
13:34
用CSS来控制网页背景,我想大家常常为一些比较合适于自己的网页背景的图片而发愁吧，这个我想也是有的，因为这些图片不是太大就是太小，或者太乱，那么有没有办法让图片能合自己的主页的胃口呢？答案是肯定的。想知道怎么来实现嘛，好吧，大家现在开始跟着我做，我保证大家一定一学就会。不过..
Jul
2009
31
13:34
CSS教程:元素详解,块元素blockelement一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P。“form这个块元素比较特殊，它只能用来容纳其他块元素。如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以..
Jul
2009
31
13:34
CSS中如何正确的使用id和class,今天有点闲，想向大家请教一下id和class的使用。按照字面的意思，id是指一个元素在整个文档中的“唯一标志”，而class则是它所属的“类别”。按照语法，同名的id在一个文档里只应该出现一次，而class名可重复使用。但是在具体使用的时候，哪些样式该用id，哪些样式改用..
Jul
2009
31
13:34
技巧总结：div中class与id的区别及应用,class是设置标签的类。id是设置标签的标识。class属性用于指定元素属于何种样式的类。如样式表可以加入：.baobao{color:lime;background:#ff80c0}使用方法：class=baobaoid属性用于定义一个元素的独特的样式。如一个CSS规则：#binbin{font-size:larger}使用方法：id=bi..
Jul
2009
31
13:34
CSSHack汇总快查,原文：http://andymao.com/andy/post/76.html屏蔽IE浏览器（也就是IE下不显示）*:langzhselect{font:12pxnbsp;!important;}/*FF的专用*/select:empty{font:12pxnbsp;!important;}/*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅..
Jul
2009
31
13:34
小技巧:利用CSS同比例缩小图片,nbsp;nbsp;nbsp;当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。nbsp;nbsp;nbsp;把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可..
Jul
2009
31
13:34
需要掌握的八个CSS布局技巧,1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也..
Jul
2009
31
13:34
纯CSS的下拉菜单支持IE6IE7Firefox,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;nbsp;nbsp;lt;htmlgt;nbsp;nbsp;lt;!--www.div-css.com网站标准化nbsp;2007-4-16--gt;nbsp;nbsp;lt;headgt;nbsp;nbsp;lt;met
Jul
2009
31
13:34
CSS网页中的相对定位与绝对定位,在CSS中有这样的一个指令：position，在DreamWeaver中文版中翻译为“定位”，常用的属性有两个：relative相对与absolute绝对。有很多朋友对这条指令的用法还是不清楚，这里做一些细致的讲解。position:relative;表示相对定位，被定位了这个属性的标签在所属的范围内可以..
Jul
2009
31
13:34
web标准化设计：常用的CSS命名规则,常用的CSS命名规则头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav..
Jul
2009
31
13:34
CSS在表格边框上的美学应用,我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。nbsp;有关表格边框的css语法具体内容包括：上边框宽度、右边框宽度、下边框宽..
Jul
2009
31
13:34
网页标准化制作：CSS的超级技巧大放送,在之前贴出的CSS说明中已经说明了#m_blogdiv.tit是Blog文章标题的代码所以我们只要把添加图片的代码添加在后面的{}中即可。添加代码如下：line-height:多少px;设置标题的高度，其实这里的设置为图片的高度就可以了text-indent:多少px;设置标题的文本前面空多少宽度，这..
Jul
2009
31
13:34
推荐一些所谓的CSS的“顶级”技巧,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;backgroun..
Jul
2009
31
13:34
彻底弄懂CSS盒子模式DIV布局快速入门,如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司要你改变传统的表格排版方式，提高企业竞争力，那么你一定要接触到的一个知识点就是CSS的盒子模式，这就是DIV排版..
Jul
2009
31
13:34
网页设计之css+divPKtable+css,用过div+css作个整个网站，如果是纯粹的div的布局是比较麻烦的，尤其是你div里面嵌套div的，div布局的时候，你有些页面效果还是要舍弃一点的，比如图片的圆角，这些如果套div比较麻烦，在一个div在VS2005设计器里面可能变形，如果过多的套div，你实现ajax拖动效果的时候..
Jul
2009
31
13:34
纯CSS搞的alt跟title效果,lt;stylegt;.test{position:relative;color:#0000cc;text-decoration:none;font-size:12px;}.test:hover{background:none;}.testspan{display:none;}.test:hoverspan{display:block;position:absolute;top:20px;left:8px;border-bottom:2pxsolid#eee;
Jul
2009
31
13:33
css的一些基础的东西,1.css导入：nbsp;nbsp;第一种是把CSS文档放到lt;headgt;文档中：lt;styletype=“text/css”gt;……lt;/stylegt;其中lt;stylegt;中的“type=‘text/css’”的意思是lt;stylegt;中的代码是定义样式表单的。nbsp;第二种方法是把CSS样式表写在HTML的行内，比如下面的代码：..
Jul
2009
31
13:33
利用css和js实现firefox和IE都支持的页面局部打印,介绍两个关键的csslt;stylemedia=printgt;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;.Noprint{DISPLAY:none}nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;.PageNext{PAGE-BREAK-AFTER:always}nbsp;nbsp;lt;/stylegt;第一个在不需要打印的标签上添加（子标签也将不被打印）..
Jul
2009
31
13:33
用CSS设计高体验的表单显示效果示例,lt;styletype=text/cssgt;.input1{font-family:verdana;background-color:#EEEEEE;border-bottom:#FFFFFF1pxsolid;border-left:#CCCCCC1pxsolid;border-right:#FFFFFF1pxsolid;border-top:#CCCCCC1pxsolid;font-size:12px;}.input1-bor{font-family:
Jul
2009
31
13:33
内联CSS的background-image属性图片相对路径设置失败,编辑母板页时，若在内联CSS里使用诸如background-image:urltitle.jpg或background-image:url/title.jpg或background-image:url../title.jpg或background-image:url~/title.jpg，都将导致网页的图片无法显示，或者是位于其他目录的网页，或者是全站的所有网页。为了解决....
Jul
2009
31
13:33
CSS+JS实现的选项卡效果html组件,lt;!doctypehtmlpublic-//w3c//dtdxhtml1.0transitional//enhttp://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtdgt;lt;htmllang=us-engt;lt;headgt;lt;titlegt;css选项卡html组件lt;/titlegt;lt;linkrel=shortcuticonhref=favicon.icotype=image/
Jul
2009
31
13:33
导航上用CSS标志当前页效果的实现,当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不同，用以给浏览者一个明显的指示。下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何实现当前页。设菜单有5个栏目：home、about、products、services、cont..
Jul
2009
31
13:33
完全CSS写的鼠标悬停tip效果,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=GB2312/gt;lt;metaname
Jul
2009
31
13:33
CSS的常用技巧放送,CSS的常用技巧放送一一.使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在..
Jul
2009
31
13:33
XHTML+CSS兼容性解决方案小集,使用XHTML+CSS构架好处不少，但也确实存在一些问题，不论是因为使用不熟练还是思路不清晰，我就先把一些我遇到的问题写在下面，省的大家四处找。1.在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}注意这两个ma..
