-
针对浏览器隐藏CSS之九大技巧 日期:2012-12-29 08:41:28 点击:6 好评:0
我们都知道浏览器之间是有差异的,很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧,“隐藏CSS”就是其中很重要的一种技巧(...
-
如何制作div+css保持xhtml语义结构的表单? 日期:2012-12-29 08:41:28 点击:2 好评:0
◆fieldset标签、legend标签 在form表单中,我们可以对form中的信息进行分组归类,如注册表单的form,我们可以将注册信息分组成 基本信息(一般为必填) 详细信息(一般为可选) 那我们...
-
什么是CSS伪类 有什么作用? 日期:2012-12-29 08:41:28 点击:2 好评:0
伪类(Pseudoclasses)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudoclass{property:value;},简单地用一个半角英文冒号(:)来隔开选择符和伪类。 CSS很多...
-
用CSS控制输入框input样式,悬停交互如何实现? 日期:2012-12-29 08:41:28 点击:1 好评:0
我们在制作表单的时候,往往希望有鼠标悬停交互效果。实现这样的效果,我们有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了,但这样就违背了web标准所倡导的...
-
鼠标经过时可以切换CSS吗?如何实现? 日期:2012-12-29 08:41:28 点击:3 好评:0
在页面中我们希望用到较多的交互效果,一方面是为了视觉了需要,另一方面也体现了用户感受。我们常常制作鼠标的交互效果,当鼠标移到某一对象上时使其产生一定的变化,以达到...
-
CSS属性中Display与Visibility的不同 日期:2012-12-29 08:41:28 点击:8 好评:0
大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,vis...
-
如何实现超链接类似按钮陷下的效果? 日期:2012-12-29 08:41:28 点击:4 好评:0
超链接的hover状态,通常可以改变颜色,增加或去除下划线等效果来提醒访客。我们也看到过有一些文字链接,当鼠标移上去时(hover状态)产生位移,类似于按钮陷下的效果,这该如何...
-
WEB2.0标准教程:如何应用WEB标准改善现有网站? 日期:2012-12-29 08:41:28 点击:1 好评:0
我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+CSS的方法需要一个过程,使现有网站符合网站标准也不可能一步到位。最好的...
-
列表(li)标记图片定位不精确(list-style)怎么办? 日期:2012-12-29 08:41:28 点击:2 好评:0
新手们常常苦恼于list-style-image的定位问题,解决的办法一般是用li的背景模拟来解决。 这个文章中,我们向大家介绍,采用相对定位的方法。同样可以很好的解决。 未使用li标记图片相...
-
如何实现hover悬停 链接文字产生阴影? 日期:2012-12-29 08:41:28 点击:6 好评:0
在前面,我们说过了链接文字的下划线的一些情况,现在我们考虑如何实现链接文字产生阴影?当鼠标移到链接文字上时,链接文字可以改变颜色,并产生一定的阴影而营造出立体效果...
-
鼠标悬停tip效果如何用css实现? 日期:2012-12-29 08:41:28 点击:2 好评:0
鼠标悬停tip效果,是一个非常有用的功能,在页面布局受到局限的时候,我们不能往页面中添加过多的内容。而鼠标悬停tip效果,可以在鼠标移上去的时候有一个提示信息,我们可以将...
-
如何在父元素中垂直居中文本? 日期:2012-12-29 08:41:28 点击:11 好评:0
这是新手最常遇到的问题。设置了一个div或span。但文字是居于上部对齐的。在传统的Table制作中,默认文本都是垂直居中于单元格的。这个问题其实很容易解决,设置行高line-height。就...
-
WEB2.0标准教程:第五天 head区的其他设置 日期:2012-12-29 08:41:28 点击:1 好评:0
这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加"/"关闭标签就可以,但是既然是入门教程,就写得详细一点吧。 收藏夹小图标 首先制作一个16x16的icon图...
-
WEB2.0标准教程:第三天 定义语言编码 日期:2012-12-29 08:41:28 点击:1 好评:0
第三步是定义你的语言编码: metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/ 为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使...
-
WEB2.0标准教程:第四天 调用样式表 日期:2012-12-29 08:41:28 点击:3 好评:0
用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准...
-
如何用CSS自定义鼠标显示的形状? 日期:2012-12-29 08:41:28 点击:4 好评:0
我们在网页设计的时候,为了达到个性效果,需要将系统默认的鼠标形状改变掉,自宝义鼠标显示的形状,我们以前可以用javascript来实现。现在我们完全可以用css来实现这一个性效果了...
-
id与class区别 - 该用id还是用class呢?! 日期:2012-12-29 08:41:28 点击:2 好评:0
id与class区别,我在前面的文章中已经讲过了。但还是有新手对此非常迷茫,不知道什么时候该用id,什么时候该用class。这两个选择器让新手左右为难。 一、在web标准中是不容许重复...
-
如何在CSS中写脚本实现交互效果? 日期:2012-12-29 08:41:28 点击:1 好评:0
我们浏览网页的时候,经常会遇到一些交互的效果。例如容器在鼠标移上去的时候,会发生一些变化。这些效果,可以用多种方法来实现。现在我们要解决的是如何在CSS中写脚本实现交...
-
如何用CSS设置滚动条颜色? 日期:2012-12-29 08:41:28 点击:9 好评:0
我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式,而是漂亮的红色或其它颜色样式,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 页面滚...
-
认识CSS中absolute与relative 日期:2012-12-29 08:41:28 点击:4 好评:0
很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地...